评论图片显示

pages/info/hotelProductInfo/index.wxml

@@ -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 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}}">
-  </view>
+        <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>

pages/info/hotelProductInfo/index.wxss

@@ -556,4 +556,28 @@ page {
   height: 200rpx;
   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;
 }

pages/info/postProductInfo/index.wxml

@@ -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 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}}">
-  </view>
+        <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>

pages/info/postProductInfo/index.wxss

@@ -812,4 +812,28 @@ page {
   height: 200rpx;
   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;
 }

pages/info/sceneProductInfo/index.js

@@ -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=[]
         }

pages/info/sceneProductInfo/index.wxml

@@ -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)}}"
+<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>
-  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}}"
+<swiper class="swiper" indicator-dots="{{true}}" wx:if="{{info}}" autoplay="{{true}}" interval="{{2000}}" duration="{{300}}">
-  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"
+    <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>
-      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':''}}"
+  <view class="status-text{{info.garden_flag==0?' disable':''}}" wx:if="{{info.garden_flag_text && info.garden_flag!=1}}">{{info.garden_flag_text}}</view>
-    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">
+    <navigator url="/pages/user/service/index" catchtap="pagePoint" data-event='product_customservice' class="kefu-box">
-	    <view class="iconfont icon-kefu"></view>
+      <view class="iconfont icon-kefu"></view>
-	    <view>客服</view>
+      <view>客服</view>
-	  </navigator>
+    </navigator>
-	  <view bindtap="like" class="kefu-box" style="margin-left:70rpx">
+    <view bindtap="like" class="kefu-box" style="margin-left:70rpx">
-	    <view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view>
+      <view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view>
-	    <view>收藏</view>
+      <view>收藏</view>
-	  </view>
+    </view>
-	  <view style="flex:1"></view>
+    <view style="flex:1"></view>
-	  <view class="btns">
+    <view class="btns">
-		<view class="btn" bindtap="showCart">加入购物车</view>
+      <view class="btn" bindtap="showCart">加入购物车</view>
-		<view class="btn" bindtap="showOrder" wx:if="{{info && info.flag==1}}">立即预订</view>
+      <view class="btn" bindtap="showOrder" wx:if="{{info && info.flag==1}}">立即预订</view>
-		<view class="btn disable" wx:elif="{{info}}">该商品已下架</view>
+      <view class="btn disable" wx:elif="{{info}}">该商品已下架</view>
-	  </view>
+    </view>
   </view>
   <!-- 购物车悬浮框 -->
-  <navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box"
+  <navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart">
-    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':''}}"
+        <view bindtap="selectSku" data-index="{{index}}" class="sku-name-item textOver{{index==skuIndex?' active':''}}" wx:for="{{info.product[0].sku}}">{{item.sku_name}}</view>
-          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"
+    <navigator url="/pages/ask/info/index?id={{item.id}}" catchtap="pagePoint" data-event="scene_comment" class="ask-item" wx:for="{{ask}}">
-      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"
+    <text class="iconfont icon-tiwen"></text><text>游客点评</text><text class="score" wx:if="{{info && commentTotal>0}}">{{info.rate}}分</text>
-      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
+        <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>
-            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 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}}">
-  </view>
+        <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"
+      <image style="width:36rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
-        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>

pages/info/sceneProductInfo/index.wxss

@@ -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;
@@ -802,4 +800,28 @@ page {
   height: 200rpx;
   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;
 }

pages/list/comments/index.js

@@ -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({
+      if (this.data.index) {
-        list:arr
+        this.setData({
-      })
+          list:arr.splice(this.data.index,1)
+        })
+      }else{
+        this.setData({
+          list:arr
+        })
+      }
+
     })
   },
   imgsc:function(e){

pages/order/comment/index.js

@@ -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;

pages/order/comment/index.wxss

@@ -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;

pages/user/order/list.wxml

@@ -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>

pages/user/order/postOrderInfo/index.js

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