feat: 视频组件修改&示例视频替换

src/views/stylist/components/Video.vue

@@ -32,7 +32,7 @@
       <div class="control-right">
         <div class="volume-btn" @click="toggleMute">
           <!-- <van-icon :name="isMuted ? 'volume-mute' : 'volume'" /> -->
-          <SvgIcon :name="isMuted ? 'vol' : 'vol_close'" size="20" />
+          <SvgIcon :name="isMuted ? 'mute' : 'vol'" size="20" />
         </div>
       </div>
     </div>
@@ -142,13 +142,15 @@ defineExpose({
 <style scoped lang="less">
 .video-container {
   position: relative;
-  height: 60rem;
+  width: 100%;
+  height: 100%;
+  min-height: 50rem;
 
   .video {
     width: 100%;
     height: 100%;
     position: relative;
-    object-fit: fill;
+    object-fit: cover;
   }
 
   // 视频控制条样式

src/views/stylist/index.vue

@@ -7,9 +7,7 @@
         <div class="title">CHOOSE YOUR STYLIST</div>
       </div>
 
-      <!-- 轮播容器 -->
-      <div class="carousel-container">
-        <!-- 左箭头 -->
+      <div class="carousel-container" v-show="!showVideo">
         <div class="nav-arrow left" @click="handleChangeSwiper('prev')">
           <van-icon name="arrow-left" color="#fff" size="40" />
         </div>
@@ -30,15 +28,6 @@
 
         <div class="nav-arrow right" @click="handleChangeSwiper('next')">
           <van-icon name="arrow" color="#fff" size="40" />
-          <!-- <svg width="15" height="26" viewBox="0 0 24 24" fill="none">
-            <path
-              d="M9 18L15 12L9 6"
-              stroke="white"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg> -->
         </div>
       </div>
     </div>
@@ -290,9 +279,13 @@ watch(showVideo, (newValue) => {
   font-family: 'satoshiRegular';
 }
 
+:deep(.van-overlay){
+  background: transparent;
+}
+
 :deep(.video-dialog) {
-  width: 80%;
-  background: rgba(0, 0, 0, 0.3);
+  width: calc(100% - 12rem);
+  background: transparent;
 
   .close-btn {
     width: 8.6rem;