浏览代码

Merge branch '7-14'

jwyu 2 年之前
父节点
当前提交
57f094fac9
共有 1 个文件被更改,包括 7 次插入2 次删除
  1. 7 2
      src/views/video/List.vue

+ 7 - 2
src/views/video/List.vue

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