|
@@ -113,6 +113,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'
|
|
@@ -195,10 +196,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="">
|
|
@@ -233,6 +235,9 @@ onActivated(()=>{
|
|
|
position: absolute;
|
|
|
top: 30px;
|
|
|
right: 30px;
|
|
|
+ &:hover{
|
|
|
+ background-image: url('@/assets/icon-wechat2.png');
|
|
|
+ }
|
|
|
}
|
|
|
.top-nav-filter-box{
|
|
|
flex-wrap: wrap;
|