style(components): 调整视频弹窗和首页组件的样式

统一使用视窗单位替代固定像素值，提高响应式适配能力
移除冗余的平板设备轮播图样式和搜索框边距
优化推荐列表图片显示模式为aspectFill

pages/components/VideoPopup.vue

@@ -18,7 +18,7 @@
           :show-fullscreen-btn="true"
           :show-play-btn="true"
           :show-center-play-btn="true"
-          style="width: 100%; height: 400rpx; border-radius: 8rpx;"
+          style="width: 100%; height: 55vw; border-radius: 8rpx;"
           @error="onVideoError"
           @play="onVideoPlay"
           @pause="onVideoPause"

pages/index/home.vue

@@ -10,7 +10,7 @@
         <view class="header">
             <view class="search-container" @click="goSearch">
                 <uv-search placeholder="请输入要查询的内容" :show-action="false" shape="round" bg-color="#f5f5f5" color="#666"
-                    height="38" margin="0 200rpx 0 0" placeholderColor="#c6c6c6"></uv-search>
+                    height="38" placeholderColor="#c6c6c6"></uv-search>
             </view>
         </view>
 
@@ -23,8 +23,8 @@
         <view v-if="activeTab == 0">
             <view class="swiper-container" :class="{ 'tablet-swiper': isTablet }">
                 <uv-swiper :list="bannerList" keyName="image" :height="swiperConfig.height"
-                    :radius="swiperConfig.radius" :previousMargin="swiperConfig.previousMargin"
-                    :nextMargin="swiperConfig.nextMargin" :displayMultipleItems="swiperConfig.displayMultipleItems"
+                    radius="2vw" 
+                    height="30.6vw"
                     indicator indicatorInactiveColor="#fff" :loading="false" indicatorMode="dot"
                     indicatorActiveColor="#F95A01" :autoplay="true" :interval="4000" :circular="true"
                     @click="onBannerClick"></uv-swiper>
@@ -107,7 +107,7 @@
                 <view class="recommend-list">
                     <view @click="goPlan(item.id, item.type)" v-for="(item, index) in recommendList" :key="index"
                         class="recommend-item">
-                        <image :src="item.img" mode="widthFix" class="recommend-image"></image>
+                        <image :src="item.img" mode="aspectFill" class="recommend-image"></image>
                     </view>
                 </view>
             </view>
@@ -454,6 +454,8 @@ export default {
     background: #fff;
     min-height: 100vh;
     padding-bottom: 80rpx;
+    // max-width: 750px;
+    // margin: 0 auto;
 }
 
 // 顶部搜索栏
@@ -474,38 +476,6 @@ export default {
     margin: 20rpx;
     border-radius: 12rpx;
     overflow: hidden;
-
-    // 平板设备的轮播图样式
-    &.tablet-swiper {
-        margin: 30rpx 0;
-        border-radius: 16rpx;
-
-        // 卡片式轮播的额外样式
-        :deep(.uv-swiper) {
-            .swiper-slide {
-                transition: all 0.3s ease;
-                transform-origin: center;
-
-                // 非激活状态的卡片
-                &:not(.swiper-slide-active) {
-                    transform: scale(0.9);
-                    opacity: 0.7;
-                }
-
-                // 激活状态的卡片
-                &.swiper-slide-active {
-                    transform: scale(1);
-                    opacity: 1;
-                    z-index: 2;
-                }
-            }
-
-            // 调整指示器位置
-            .uv-swiper__indicator {
-                bottom: -40rpx;
-            }
-        }
-    }
 }
 
 // 内容区块
@@ -799,16 +769,15 @@ export default {
     .recommend-item {
         width: 100%;
         margin-bottom: 48rpx;
-        border-radius: 32rpx;
-        overflow: hidden;
-
         &:last-child {
             margin-bottom: 0;
         }
 
         .recommend-image {
             width: 100%;
-            height: 200rpx;
+            height: 25vw;
+            // height: 30.6vw;
+            border-radius: 32rpx;
         }
     }
 }