From 0802e6349eb8ed570546c2b0880c948e9cc1b2e8 Mon Sep 17 00:00:00 2001
From: modendeveloper <modendeveloper@163.com>
Date: Sun, 26 Jan 2025 20:02:02 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A3172=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E8=A7=86=E9=A2=91=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA=E8=BF=98=E6=98=AF=E6=97=A0=E6=B3=95=E6=92=AD=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/UserEvaluation.vue | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/components/UserEvaluation.vue b/components/UserEvaluation.vue
index dae2ac9..1c1b8fb 100644
--- a/components/UserEvaluation.vue
+++ b/components/UserEvaluation.vue
@@ -21,10 +21,27 @@
       <view class="evaluate-infor v12-font-24">{{ item.comment }}</view>
       <view class="imgList acea-row">
         <view v-if="item.video" class="pictrue">
+          <view 
+            @click="pauseOtherVideo('video' + evaluateWtapperIndex)"  
+            v-if="activeVideo !== 'video' + evaluateWtapperIndex" 
+            class="play-icon"
+            >
+              <u-icon name="play-right-fill" color="#fff" size="48"></u-icon>
+            </view>
+          <image
+            v-if="activeVideo !== 'video' + evaluateWtapperIndex"
+            :src="item.video + '?vframe/jpg/offset/1'"
+            class="image"
+            @click="pauseOtherVideo('video' + evaluateWtapperIndex)"
+          >
+
+          </image>
           <video
+            v-else
             :src="item.video"
             :poster="item.video + '?vframe/jpg/offset/1'"
             controls
+            autoplay
             play-btn-position="center"
             :id="'video' + evaluateWtapperIndex"
             class="image"
@@ -59,7 +76,8 @@ export default {
   },
   data: function() {
     return {
-      videoPlayers: []
+      videoPlayers: [],
+      activeVideo: null,
     };
   },
   mounted: function() {},
@@ -73,6 +91,7 @@ export default {
     },
     // 播放视频时暂停其他视频
     pauseOtherVideo(video) {
+      this.activeVideo = video;
       if(this.videoPlayers.includes(video)) {
         this.videoPlayers.forEach((item) => {
           if(item !== video) {
@@ -96,4 +115,18 @@ export default {
 .time{
   padding: 0 !important;
 }
+.evaluateWtapper .evaluateItem .imgList .pictrue{
+  position: relative;
+  width: 300rpx;
+  .play-icon {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    margin: auto;
+    width: 80rpx;
+    height: 80rpx;
+  }
+}
 </style>