bbnv1
/
test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

评论图片显示

master
caichunsheng 4 years ago
parent
878221292f
commit
26df4924d6
12 changed files with 162 additions and 56 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      pages/info/hotelProductInfo/index.wxml
  2. 24
      pages/info/hotelProductInfo/index.wxss
  3. 13
      pages/info/postProductInfo/index.wxml
  4. 24
      pages/info/postProductInfo/index.wxss
  5. 4
      pages/info/sceneProductInfo/index.js
  6. 74
      pages/info/sceneProductInfo/index.wxml
  7. 26
      pages/info/sceneProductInfo/index.wxss
  8. 20
      pages/list/comments/index.js
  9. 3
      pages/order/comment/index.js
  10. 8
      pages/order/comment/index.wxss
  11. 2
      pages/user/order/list.wxml
  12. 7
      pages/user/order/postOrderInfo/index.js

13
pages/info/hotelProductInfo/index.wxml
View File

@ -101,7 +101,7 @@
<view>这里空空如也，快去点评吧!</view>
<!-- <navigator url="/pages/ask/index?id={{id}}" class="empty-btn">去点评</navigator> -->
</view>
<navigator wx:for="{{comment}}" url="/pages/list/comments/index?id={{info.id}}" class="product-comment">
<navigator wx:for="{{comment}}" wx:for-index="index" url="/pages/list/comments/index?id={{info.id}}&&index={{index}}" class="product-comment">
<view class="product-comment-top">
<image src="{{item.user.avatar}}" mode="aspectFill"></image>
<view class="comment-info">
@ -112,8 +112,15 @@
</view>
<view class="comment-content">{{item.content}}</view>
<view wx:if="{{item.img_list}}">
<image class="imgs" wx:for="{{item.img_list}}" wx:for-item="Goods" mode="scaleToFill" data-img="{{Goods}}" data-list="{{item.img_list}}" src="{{Goods}}" bindtap="imgsc"></image>
</view>
<view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}">
<image wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc">
</image>
<view class="all" wx:if="{{index==5}}" >
<view>共{{item.img_list.length}}张</view>
<view>查看全部</view>
</view>
</view>
</view>
</navigator>
<navigator url="/pages/list/comments/index?sceneid={{id}}" wx:if="{{comment.length>0}}" class="more-comment-btn">查看全部点评<text class="iconfont icon-you"></text></navigator>
</view>

24
pages/info/hotelProductInfo/index.wxss
View File

@ -557,3 +557,27 @@ page {
margin: 10rpx;
border-radius: 8rpx;
}
.img-box{
display: inline-block;
position: relative;
}
.all{
color: #fff;
position:absolute;
bottom: 17rpx;
right: 10rpx;
width: 200rpx;
height: 200rpx;
border-radius: 8rpx;
background-color: rgba(0, 0, 0, .5);
}
.all view{
text-align: center;
}
.all view:first-child{
font-size: 45rpx;
margin-top: 40rpx;
}
.all view:last-child{
margin-top: 10rpx;
}

13
pages/info/postProductInfo/index.wxml
View File

@ -62,7 +62,7 @@
<view>这里空空如也，快去点评吧!</view>
<!-- <navigator url="/pages/ask/index?id={{id}}" class="empty-btn">去点评</navigator> -->
</view>
<navigator wx:for="{{comment}}" url="/pages/list/comments/index?productid={{id}}" class="product-comment">
<navigator wx:for="{{comment}}" wx:for-index="index" url="/pages/list/comments/index?productid={{id}}&&index={{index}}" class="product-comment">
<view class="product-comment-top">
<image src="{{item.user.avatar}}" mode="aspectFill"></image>
<view class="comment-info">
@ -74,8 +74,15 @@
</view>
<view class="comment-content">{{item.content}}</view>
<view wx:if="{{item.img_list}}">
<image class="imgs" wx:for="{{item.img_list}}" wx:for-item="Goods" mode="scaleToFill" data-img="{{Goods}}" data-list="{{item.img_list}}" src="{{Goods}}" bindtap="imgsc"></image>
</view>
<view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}">
<image wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc">
</image>
<view class="all" wx:if="{{index==5}}" >
<view>共{{item.img_list.length}}张</view>
<view>查看全部</view>
</view>
</view>
</view>
</navigator>
<navigator url="/pages/list/comments/index?productid={{id}}" wx:if="{{comment.length>0}}" class="more-comment-btn">
查看全部点评<text class="iconfont icon-you"></text></navigator>

24
pages/info/postProductInfo/index.wxss
View File

@ -813,3 +813,27 @@ page {
margin: 10rpx;
border-radius: 8rpx;
}
.img-box{
display: inline-block;
position: relative;
}
.all{
color: #fff;
position:absolute;
bottom: 17rpx;
right: 10rpx;
width: 200rpx;
height: 200rpx;
border-radius: 8rpx;
background-color: rgba(0, 0, 0, .5);
}
.all view{
text-align: center;
}
.all view:first-child{
font-size: 45rpx;
margin-top: 40rpx;
}
.all view:last-child{
margin-top: 10rpx;
}

4
pages/info/sceneProductInfo/index.js
View File

@ -134,7 +134,9 @@ Page({
let arr = this.data.comment
arr.map((item)=>{
if (item.img_list) {
item.img_list = item.img_list.split(',')
let arr = item.img_list.split(',')
item.img_list = arr
}else{
item.img_list=[]
}

74
pages/info/sceneProductInfo/index.wxml
View File

@ -3,14 +3,12 @@
<title title="产品详情"></title>
<view class="iconfont icon-fenxiang" bindtap="share"></view>
<!-- <view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}" bindtap="like"></view> -->
<image wx:for="{{info.product}}" style="{{aniSkuIndex==index?('top:689px;'):('top:'+top+'px;'+cartImgInfo)}}"
class="headimg{{aniSkuIndex==index?' active':''}}" src="{{item.headimg}}" mode="aspectFill"></image>
<image wx:for="{{info.product}}" style="{{aniSkuIndex==index?('top:689px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{item.headimg}}" mode="aspectFill"></image>
<!-- <view class="audio-box" bindtap="audioGuide">
<view>语音导览</view>
<image src="https://static.ticket.sz-trip.com/xcxImages/info/play-btn.png" mode="widthFix"></image>
</view> -->
<swiper class="swiper" indicator-dots="{{true}}" wx:if="{{info}}" autoplay="{{true}}" interval="{{2000}}"
duration="{{300}}">
<swiper class="swiper" indicator-dots="{{true}}" wx:if="{{info}}" autoplay="{{true}}" interval="{{2000}}" duration="{{300}}">
<block wx:for="{{info.listimg}}" wx:key="*this">
<swiper-item>
<image src="{{item}}" mode="aspectFill"></image>
@ -26,16 +24,13 @@
</view>
<view class="tags-box address-box" style="height:auto">
<view class="info-address">开园时间：{{info.open_time}}</view>
<navigator url="/pages/info/sceneInfo/index?id={{info.id}}" catchtap="pagePoint" data-event="scene_detail"
class="iconfont" style="font-size:27rpx;flex-shrink:0">优待政策 | 景点介绍 <text class="iconfont icon-you"
style="font-size:24rpx"></text></navigator>
<navigator url="/pages/info/sceneInfo/index?id={{info.id}}" catchtap="pagePoint" data-event="scene_detail" class="iconfont" style="font-size:27rpx;flex-shrink:0">优待政策 | 景点介绍 <text class="iconfont icon-you" style="font-size:24rpx"></text></navigator>
</view>
<view class="tags-box textOver address-box">
<view class="info-address">地址：{{info.address}}</view>
<view class="iconfont icon-daohang" bindtap="gotolocation"></view>
</view>
<view class="status-text{{info.garden_flag==0?' disable':''}}"
wx:if="{{info.garden_flag_text && info.garden_flag!=1}}">{{info.garden_flag_text}}</view>
<view class="status-text{{info.garden_flag==0?' disable':''}}" wx:if="{{info.garden_flag_text && info.garden_flag!=1}}">{{info.garden_flag_text}}</view>
</view>
<view class="box" wx:if="{{info}}" wx:for="{{info.product}}">
<view class="allowance-box" wx:if="{{info.allowance}}" bindtap="changeAllowance">
@ -64,24 +59,23 @@
</view>
</view>
<view class="fixed-bottom">
<navigator url="/pages/user/service/index" catchtap="pagePoint" data-event='product_customservice' class="kefu-box">
<view class="iconfont icon-kefu"></view>
<view>客服</view>
</navigator>
<view bindtap="like" class="kefu-box" style="margin-left:70rpx">
<view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view>
<view>收藏</view>
</view>
<view style="flex:1"></view>
<view class="btns">
<view class="btn" bindtap="showCart">加入购物车</view>
<view class="btn" bindtap="showOrder" wx:if="{{info && info.flag==1}}">立即预订</view>
<view class="btn disable" wx:elif="{{info}}">该商品已下架</view>
</view>
<navigator url="/pages/user/service/index" catchtap="pagePoint" data-event='product_customservice' class="kefu-box">
<view class="iconfont icon-kefu"></view>
<view>客服</view>
</navigator>
<view bindtap="like" class="kefu-box" style="margin-left:70rpx">
<view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view>
<view>收藏</view>
</view>
<view style="flex:1"></view>
<view class="btns">
<view class="btn" bindtap="showCart">加入购物车</view>
<view class="btn" bindtap="showOrder" wx:if="{{info && info.flag==1}}">立即预订</view>
<view class="btn disable" wx:elif="{{info}}">该商品已下架</view>
</view>
</view>
<!-- 购物车悬浮框 -->
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box"
id="cart">
<navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart">
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/cart.png" mode="widthFix"></image>
<view class="cart-num">{{cartCount}}</view>
</navigator>
@ -100,8 +94,7 @@
</view>
</view>
<view class="sku-names">
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item textOver{{index==skuIndex?' active':''}}"
wx:for="{{info.product[0].sku}}">{{item.sku_name}}</view>
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item textOver{{index==skuIndex?' active':''}}" wx:for="{{info.product[0].sku}}">{{item.sku_name}}</view>
</view>
<view class="number-box">
<text>数量</text>
@ -111,7 +104,7 @@
</view>
<view style="height:138rpx"></view>
<view class="btn-box">
<view class="mask-btn" bindtap="order" data-sku="{{sku}}" data-product="{{item}}" wx:if="{{info && info.flag==1}}" data-disable="{{item.flag==0 || sku.flag=='off'?1:0}}" data-disable="{{item.flag==0 || sku.flag=='off'?1:0}}">{{skuFlag=='cart'?'确认':'立即购买'}}
<view class="mask-btn" bindtap="order" data-sku="{{sku}}" data-product="{{item}}" wx:if="{{info && info.flag==1}}" data-disable="{{item.flag==0 || sku.flag=='off'?1:0}}" data-disable="{{item.flag==0 || sku.flag=='off'?1:0}}">{{skuFlag=='cart'?'确认':'立即购买'}}
</view>
<view class="mask-btn disable" wx:else>该商品已下架</view>
</view>
@ -132,8 +125,7 @@
</navigator>
</view>
<view class="ask-list" wx:else>
<navigator url="/pages/ask/info/index?id={{item.id}}" catchtap="pagePoint" data-event="scene_comment"
class="ask-item" wx:for="{{ask}}">
<navigator url="/pages/ask/info/index?id={{item.id}}" catchtap="pagePoint" data-event="scene_comment" class="ask-item" wx:for="{{ask}}">
<view class="item-ques">
<image class="item-icon" src="https://static.ticket.sz-trip.com/xcxImages/ask/ask.png" mode="widthFix"></image>
<view class="ques">{{item.question_name}}</view>
@ -155,28 +147,33 @@
</view>
<view class="box">
<view class="box-top">
<text class="iconfont icon-tiwen"></text><text>游客点评</text><text class="score"
wx:if="{{info && commentTotal>0}}">{{info.rate}}分</text>
<text class="iconfont icon-tiwen"></text><text>游客点评</text><text class="score" wx:if="{{info && commentTotal>0}}">{{info.rate}}分</text>
<text class="all-comment-num">共{{commentTotal}}条</text>
</view>
<view class="empty-box" wx:if="{{!comment || comment.length==0}}">
<view>这里空空如也，快去点评吧!</view>
<!-- <navigator url="/pages/ask/index?id={{id}}" class="empty-btn">去点评</navigator> -->
</view>
<navigator wx:for="{{comment}}" url="/pages/list/comments/index?id={{info.id}}" class="product-comment">
<navigator wx:for="{{comment}}" wx:for-index="index" url="/pages/list/comments/index?sceneid={{info.id}}&&index={{index}}" class="product-comment">
<view class="product-comment-top">
<image src="{{item.user.avatar}}" mode="aspectFill"></image>
<view class="comment-info">
<view class="nickname">{{item.nickname}}</view>
<view class="iconfont"><text wx:for="{{item.rate}}" class="icon-xingxing"></text><text
wx:for="{{5 - item.rate}}" style="color:#999" class="icon-xingxing"></text></view>
<view class="iconfont"><text wx:for="{{item.rate}}" class="icon-xingxing"></text><text wx:for="{{5 - item.rate}}" style="color:#999" class="icon-xingxing"></text></view>
</view>
<view class="comment-date">{{item.create_time}}</view>
</view>
<view class="comment-content">{{item.content}}</view>
<view wx:if="{{item.img_list}}">
<image class="imgs" wx:for="{{item.img_list}}" wx:for-item="Goods" mode="scaleToFill" data-img="{{Goods}}" data-list="{{item.img_list}}" src="{{Goods}}" bindtap="imgsc"></image>
</view>
<view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}">
<image wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc">
</image>
<view class="all" wx:if="{{index==5}}" >
<view>共{{item.img_list.length}}张</view>
<view>查看全部</view>
</view>
</view>
</view>
</navigator>
<navigator url="/pages/list/comments/index?sceneid={{id}}" wx:if="{{comment.length>0}}" class="more-comment-btn">
查看全部点评<text class="iconfont icon-you"></text></navigator>
@ -202,8 +199,7 @@
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/ok.png" mode="widthFix"></image>
</view>
</view>
<image style="width:36rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/arrow2.png"
mode="widthFix"></image>
<image style="width:36rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
<view style="position:relative">
<image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/code.png" mode="widthFix">
</image>

26
pages/info/sceneProductInfo/index.wxss
View File

@ -780,7 +780,6 @@ page {
right: -2rpx;
top: -5rpx;
}
.headimg {
position: fixed;
z-index: 3;
@ -789,7 +788,6 @@ page {
height: 180rpx;
top: 0;
}
.headimg.active {
transition: left .6s linear, top .6s cubic-bezier(0.5, -0.5, 1, 1), width .6s ease, height .6s ease;
width: 80rpx;
@ -803,3 +801,27 @@ page {
margin: 10rpx;
border-radius: 8rpx;
}
.img-box{
display: inline-block;
position: relative;
}
.all{
color: #fff;
position:absolute;
bottom: 17rpx;
right: 10rpx;
width: 200rpx;
height: 200rpx;
border-radius: 8rpx;
background-color: rgba(0, 0, 0, .5);
}
.all view{
text-align: center;
}
.all view:first-child{
font-size: 45rpx;
margin-top: 40rpx;
}
.all view:last-child{
margin-top: 10rpx;
}

20
pages/list/comments/index.js
View File

@ -9,7 +9,8 @@ Page({
productid:null,
sceneid:null,
list:[],
total:1
total:1,
index:null,
},
/**
@ -22,8 +23,10 @@ Page({
})
}
else if(options.sceneid){
console.log(options.index);
this.setData({
sceneid:options.sceneid
sceneid:options.sceneid,
index:options.index,
})
}
this.getList()
@ -53,9 +56,16 @@ Page({
item.img_list=[]
}
})
this.setData({
list:arr
})
if (this.data.index) {
this.setData({
list:arr.splice(this.data.index,1)
})
}else{
this.setData({
list:arr
})
}
})
},
imgsc:function(e){

3
pages/order/comment/index.js
View File

@ -84,7 +84,8 @@ Page({
order_id: item.order_id,
integer:this.data.rate,
img_list:this.data.upImgs.join(','),
is_anonymous:this.data.checked?1:0
is_anonymous:this.data.checked?1:0,
sku_id:item.sku_id
}))
})
if (!flag) return;

8
pages/order/comment/index.wxss
View File

@ -21,11 +21,19 @@ page{
flex: 1;
width: 100%;
margin: 0 30rpx;
height: 120rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.product-title {
font-size: 32rpx;
color: #000;
}
.sku-name{
margin-bottom:12rpx ;
}
.product-price {
flex-shrink: 0;
text-align: right;

2
pages/user/order/list.wxml
View File

@ -41,7 +41,7 @@
<view class="btns">
<view wx:if="{{item.guihuaUrl}}" catchtap="gotoWeb" data-web="{{item.guihuaUrl}}" class="btn" data-item="{{item}}">行程规划</view>
<view class="btn" catchtap="order" data-item="{{item}}">再次购买</view>
<view catchtap="gotoComment" data-id="{{item.order_id}}" class="btn" wx:if="{{item.state=='WAIT_COMMENT'}}">立即评价</view>
<!-- <view catchtap="gotoComment" data-id="{{item.order_id}}" class="btn" wx:if="{{item.state=='WAIT_COMMENT'}}">立即评价</view> -->
<view catchtap="cancel" data-index="{{index}}" class="btn" wx:if="{{item.state=='UNPAID'}}">取消预订</view>
<view catchtap="refund" data-index="{{index}}" class="btn" wx:if="{{item.state=='PAID'}}">取消预订</view>
<view catchtap="refundInfo" data-id="{{item.order_id}}" class="btn" wx:if="{{item.state=='WAIT_REFUND' || item.state=='REFUND' || item.state=='NEED_REFUND' || item.state=='REFUNDING'}}">退款详情</view>

7
pages/user/order/postOrderInfo/index.js
View File

@ -160,7 +160,12 @@ Page({
return;
})
},
gotoComment:function(e){
let id = e.currentTarget.dataset.id;
wx.navigateTo({
url: '/pages/order/comment/index?id='+id,
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/

Write Preview
Loading…
Cancel
Save