From 9e4ae356ed626e3089f31d5b40fb10a476efe7c4 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期三, 13 八月 2025 16:34:51 +0800
Subject: [PATCH] 购物车点击事件，分享视频封面问题
---
pages/tabbar/index/home.vue | 49 +++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 41 insertions(+), 8 deletions(-)
diff --git a/pages/tabbar/index/home.vue b/pages/tabbar/index/home.vue
index 3c231fc..0a5d6c2 100644
--- a/pages/tabbar/index/home.vue
+++ b/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)
@@ -1230,6 +1261,9 @@
<style scoped>
.fullscreen-btn {
+ position: absolute;
+ right: 45rpx;
+ bottom: 70rpx;
width: 60rpx;
height: 60rpx;
border-radius: 50%;
@@ -1240,8 +1274,7 @@
z-index: 999;
backdrop-filter: blur(10rpx);
border: 1rpx solid rgba(255, 255, 255, 0.2);
- margin-top: -90rpx;
- margin-left: 15rpx;
+
}
/* 鍥炬爣鏍峰紡 */
.fullscreen-icon {
@@ -1265,7 +1298,7 @@
.video-item {
width: 100%;
- height: 70%;
+ height: 100%;
/* object-fit: cover; */
}
.play-icon {
--
Gitblit v1.8.0