视频社区分享二维码修改

src/views/video/List.vue

@@ -97,6 +97,7 @@ const handelClickPlay=(item)=>{
 
 //获取视频单个对应的小程序二维码
 const handelGetQRCodeImg=async (item)=>{
+    if(item.QRCodeImg) return
     const res=await apiGetWechatQRCode({
         CodeScene:JSON.stringify({videoId:item.community_video_id}),
         CodePage:'pages/video/videoList'
@@ -179,10 +180,11 @@ onActivated(()=>{
                 <div class="video-item" v-for="item in listState.list" :key="item.community_video_id">
                     <el-popover
                         :width="200"
-                        trigger="click"
+                        trigger="hover"
+                        @show="handelGetQRCodeImg(item)"
                     >
                         <template #reference>
-                            <div class="icon-wechat" @click="handelGetQRCodeImg(item)"></div>
+                            <div class="icon-wechat"></div>
                         </template>
                         <template #default>
                             <img style="width:100%" :src="item.QRCodeImg" alt="">
@@ -217,6 +219,9 @@ onActivated(()=>{
     position: absolute;
     top: 30px;
     right: 30px;
+    &:hover{
+        background-image: url('@/assets/icon-wechat2.png');
+    }
 }
 .top-nav-filter-box{
     flex-wrap: wrap;