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

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;