首页视频优化

zhanghua

2025-10-15 0270abc763a1a2ca1162f2fd49b1734d6c5652b2

 pages/tabbar/index/home.vue

@@ -62,7 +62,8 @@


            <!-- 悬挂商品链接层 -->
            <view class="goods-link-warp" v-if="item.goodsList.length > 0">
            <view class="goods-link-warp" :style="{ bottom: marginBottom + 55 + 'px' }"
               v-if="item.goodsList.length > 0">
               <view class="goods-link">
                  <swiper @change="goodsChange" :autoplay="true" :interval="4000" style="height: 120rpx;">
                     <swiper-item v-for="goods in item.goodsList" :key="goods.goodsId">
@@ -88,9 +89,10 @@

            <!-- 视频信息层 -->
            <view class="video-info" :style="{ bottom: marginBottom + 20 + 'px' }">
               <view style="width: 100%; position: relative;" @click="jumpToSearch">
               <view style="width: 100%; position: relative;">
                  <text class="video-author">@{{ item.authorName }}</text>
                  <text class="iconfont" style="position: absolute;right: 42px;bottom: 50rpx;">&#xe64e;</text>
                  <text class="iconfont" @click="jumpToSearch"
                     style="position: absolute;right: 42px;bottom: 50rpx;">&#xe64e;</text>
               </view>
               <view style="width: 100%;word-wrap: break-word;white-space: normal;overflow-wrap: break-word;">
                  <text class="video-title">{{ item.title }}</text>
@@ -354,12 +356,12 @@
         loading: false,  // 是否正在加载
         videoQuery: {
            pageNumber: 1,
            pageSize: 10,
            pageSize: 3,
            videoFrom: 'recommend'
         },
         goodsSimilarlyQuery: { // 相似视频查询
            pageNumber: 1,
            pageSize: 10,
            pageSize: 3,
            videoFrom: 'goodsSimilarly',
            goodsIds: [],
            currentVideoId: ''
@@ -965,7 +967,8 @@
               const data = res.data.data.map(item => {
                  return {
                     ...item,
                     updateKey: item.id
                     updateKey: item.id,
                     videoUrl: item.videoUrl.replace('https://lmk-1356772813.cos.ap-chengdu.myqcloud.com/', 'https://media.meiyikuang.com/')
                  }
               })
               if (this.videoQuery.pageNumber === 1) {
@@ -984,7 +987,9 @@
                  this.videoNoMore = true;
                  return;
               }
               this.videoQuery.pageNumber++;
               if (res.data.code === 200) {
                  this.videoQuery.pageNumber++;
               }

            })
         } else {
@@ -993,7 +998,8 @@
               const data = res.data.data.map(item => {
                  return {
                     ...item,
                     updateKey: item.id
                     updateKey: item.id,
                     videoUrl: item.videoUrl.replace('https://lmk-1356772813.cos.ap-chengdu.myqcloud.com/', 'https://media.meiyikuang.com/')
                  }
               })
               if (this.videoQuery.pageNumber === 1) {
@@ -1012,7 +1018,9 @@
                  this.videoNoMore = true;
                  return;
               }
               this.videoQuery.pageNumber++;
               if (res.data.code === 200) {
                  this.videoQuery.pageNumber++;
               }

            })
         }
@@ -1472,7 +1480,7 @@
/* 商品链接悬挂层样式 */
.goods-link-warp {
   position: absolute;
   bottom: 160px;
   bottom: 100px;
   left: 20px;
   color: #f8f8f8;
   z-index: 10;