点评图片可以点击放大查看

packages/localLife/detail/index.vue

@@ -12,11 +12,11 @@
         <view class="title">{{ info.merchant_name }}</view>
 
         <!-- <u-icon name="star-fill" color="#FFB84D" /> -->
-        <div class="startList">
+        <view class="startList">
           <image v-for="index in 5" :key="index"
             :src="index < item.rating ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
             mode="aspectFill"></image>
-        </div>
+        </view>
 
         <u-line margin="46rpx 0 30rpx 0" />
         <view class="table">
@@ -45,39 +45,39 @@
       </view>
     </view>
     <view class="white_container detail" v-for="(item, index) in commentList" :key="index">
-      <div class="Msg">
+      <view class="Msg">
-        <div class="Msg_Tit">
+        <view class="Msg_Tit">
-          <div class="Msg_Tit_left">
+          <view class="Msg_Tit_left">
             <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
               v-if="!item.user.avatar" mode="aspectFill"></image>
             <image :src="picUrl + item.user.avatar" v-if="item.user.avatar" mode="aspectFill"></image>
             {{ item.user.nick_name }}
-          </div>
+          </view>
-          <div class="Msg_Tit_right">
+          <view class="Msg_Tit_right">
             <image v-for="indez in 5" :key="indez"
               :src="indez < item.satisfaction ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
               mode="aspectFill"></image>
-          </div>
+          </view>
-        </div>
+        </view>
 
-        <div class="Msg_con">
+        <view class="Msg_con">
           {{ item.comment }}
-          <div class="Msg_con_img" v-if="item.image_url">
+          <view class="Msg_con_img" v-if="item.image_url">
-            <image v-for="(img, index) in item.image_url.split(',')" :key="index" :src="picUrl + img" mode="aspectFill">
+            <image v-for="(img, index) in item.image_url.split(',')" :key="index" :src="picUrl + img" mode="aspectFill" @click="previewImage(item.image_url.split(','), index)">
             </image>
             <video class="Msg_con_video" v-if="item.video_url" :src="picUrl + item.video_url" controls></video>
-          </div>
+          </view>
-        </div>
+        </view>
 
-        <div class="Msg_iconList">
+        <view class="Msg_iconList">
-          <div class="Msg_iconList_left">
+          <view class="Msg_iconList_left">
-            <div class="Msg_iconList_leftIcon">
+            <view class="Msg_iconList_leftIcon">
               <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
                 mode="widthFix"></image>
               {{ item.merchant_evaluation_reply_list ? item.merchant_evaluation_reply_list.length : 0 }}
-            </div>
+            </view>
 
-            <div class="Msg_iconList_leftIcon">
+            <view class="Msg_iconList_leftIcon">
               <image v-if="item.is_like == 2"
                 src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png"
                 mode="widthFix" @click="like(item)"></image>
@@ -85,13 +85,13 @@
                 src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
                 mode="widthFix" @click="unlike(item)"></image>
               {{ item.merchant_evaluation_like_list ? item.merchant_evaluation_like_list.length : 0 }}
-            </div>
+            </view>
-          </div>
+          </view>
-          <div class="Msg_iconList_right" @click="commentDesc(item)">
+          <view class="Msg_iconList_right" @click="commentDesc(item)">
-            详情 <div><u-icon name="arrow-right" colof="#999999"></u-icon></div>
+            详情 <view><u-icon name="arrow-right" colof="#999999"></u-icon></view>
-          </div>
+          </view>
-        </div>
+        </view>
-      </div>
+      </view>
     </view>
     <view class="bottom">
       <view class="left">
@@ -283,6 +283,23 @@ export default {
     commentDesc(e) {
       NavgateTo(`../UserComment/index?id=${e.id}`)
     },
+    
+    // 预览图片
+    previewImage(imageList, currentIndex) {
+      // 将相对路径转换为完整URL
+      const urls = imageList.map(img => this.picUrl + img);
+      uni.previewImage({
+        urls: urls,
+        current: urls[currentIndex],
+        success: function(res) {
+          console.log('预览成功', res);
+        },
+        fail: function(err) {
+          console.log('预览失败', err);
+        }
+      });
+    },
+
   },
 };
 </script>