From e646266c0b1959e8d4ce567c00ee4dc099981e12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Mon, 3 Nov 2025 14:48:47 +0800
Subject: [PATCH] =?UTF-8?q?=E7=82=B9=E8=AF=84=E5=9B=BE=E7=89=87=E5=8F=AF?=
 =?UTF-8?q?=E4=BB=A5=E7=82=B9=E5=87=BB=E6=94=BE=E5=A4=A7=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/localLife/detail/index.vue | 69 ++++++++++++++++++-----------
 1 file changed, 43 insertions(+), 26 deletions(-)

diff --git a/packages/localLife/detail/index.vue b/packages/localLife/detail/index.vue
index ccfcc681..20a25526 100644
--- a/packages/localLife/detail/index.vue
+++ b/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">
-        <div class="Msg_Tit">
-          <div class="Msg_Tit_left">
+      <view class="Msg">
+        <view class="Msg_Tit">
+          <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>
-          <div class="Msg_Tit_right">
+          </view>
+          <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>
-        </div>
+          </view>
+        </view>
 
-        <div class="Msg_con">
+        <view class="Msg_con">
           {{ item.comment }}
-          <div 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">
+          <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" @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>
-        </div>
+          </view>
+        </view>
 
-        <div class="Msg_iconList">
-          <div class="Msg_iconList_left">
-            <div class="Msg_iconList_leftIcon">
+        <view class="Msg_iconList">
+          <view class="Msg_iconList_left">
+            <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>
-          </div>
-          <div class="Msg_iconList_right" @click="commentDesc(item)">
-            详情 <div><u-icon name="arrow-right" colof="#999999"></u-icon></div>
-          </div>
-        </div>
-      </div>
+            </view>
+          </view>
+          <view class="Msg_iconList_right" @click="commentDesc(item)">
+            详情 <view><u-icon name="arrow-right" colof="#999999"></u-icon></view>
+          </view>
+        </view>
+      </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>