refactor(首页): 将视频弹窗组件从uv-modal替换为uv-popup并调整样式

调整视频弹窗组件以提升用户体验，移除不必要的padding并设置固定宽度

pages/index/home.vue

@@ -165,13 +165,13 @@
     </view>
     
     <!-- 视频播放弹窗 -->
-    <uv-modal 
+    <uv-popup 
       ref="videoModal"
       title="视频播放"
       :show-cancel-button="false"
       :show-confirm-button="false"
-      width="90%"
       :close-on-click-overlay="true"
+	  :safeAreaInsetBottom="false"
       @close="closeVideoModal"
     >
       <template #default>
@@ -194,7 +194,7 @@
           </view>
         </view>
       </template>
-    </uv-modal>
+    </uv-popup>
   </view>
 </template>
 
@@ -266,8 +266,8 @@ export default {
           break
         case '2': // 视频播放
           if (bannerItem.video) {
-            this.$refs.videoModal.open()
             this.currentVideo = bannerItem.video
+            this.$refs.videoModal.open()
           }
           break
         case '0': // 富文本内容
@@ -803,7 +803,8 @@ export default {
 // 视频弹窗样式
 .video-container {
   position: relative;
-  padding: 20rpx 0;
+  // padding: 20rpx 0;
+  width: 90vw;
   
   .video-loading {
     display: flex;