购物车点击事件，分享视频封面问题

zxl

2025-08-13 9e4ae356ed626e3089f31d5b40fb10a476efe7c4

购物车点击事件，分享视频封面问题

 pages/commodity-square/commoditySquare.vue

@@ -77,7 +77,7 @@
                <view class="settlement">去购物车结算</view>
            </view> -->
        </view>
        <view class="squareFotter" style="width: 750rpx; display: flex;align-items: center; 
        <view  @click="gotoCardList()" class="squareFotter" style="width: 750rpx; display: flex;align-items: center; 
            justify-content: space-between;padding: 0 32rpx;box-sizing: border-box;">
            <view style="display: flex;align-items: center;justify-content: center;">
                <view class="icon" style="position: relative;">
@@ -93,7 +93,7 @@
                <view style="margin-left: 10rpx;color: #e06c75;font-size: 48rpx;font-weight: bold;">
                    ￥{{priceInfo.price}}</view>
            </view>
            <view class="settlement" @click="gotoCardList()">去结算</view>
            <view class="settlement">去结算</view>
        </view>
    </view>
</template>

 pages/tabbar/index/home.vue

@@ -283,7 +283,7 @@
import storage from "@/utils/storage.js";
import TopBar from "@/components/TopBar.vue";
import { nextTick } from "vue";

import {getVideoCover } from "@/api/common.js"
export default {
  components: {TopBar},
  computed: {
@@ -463,12 +463,43 @@
        shareUser: userInfo.id
    }
    saveShare(data)
      return {
          title: videoInfo.title,
          path: `/pages/tabbar/index/home?videoId=${videoInfo.id}&userId=${userInfo.id}`,
      }
    // getVideoCover(videoInfo.id).then(res =>{
    //     if(res.statusCode === 200){
    //         imageUrl = res.data.data
    //         console.log(imageUrl)
    //         return {
    //             title: videoInfo.title,
    //             path: `/pages/tabbar/index/home?videoId=${videoInfo.id}&userId=${userInfo.id}`,
    //             imageUrl: imageUrl
    //         }
    //     }
		
    // })
    console.log(videoInfo)
    return {
        title: videoInfo.title,
        path: `/pages/tabbar/index/home?videoId=${videoInfo.id}&userId=${userInfo.id}`,
        imageUrl: videoInfo.coverUrl
    }
    // 保存分享记录
	
	
	
  	
  },
  methods: {
       // 截取视频当前帧
       captureVideoFrame(videoCtx) {
         return new Promise((resolve) => {
           videoCtx.requestFrame(() => {
             wx.canvasToTempFilePath({
               canvasId: 'shareCanvas',
               success: (res) => resolve(res),
               fail: () => resolve({ tempFilePath: '/assets/default-cover.jpg' })
             });
           });
         });
       },
      requestFullScreen(id,item){
          console.log(item)