style: 样式修改

src/views/stylist/index.vue

@@ -10,9 +10,8 @@
 
       <div class="carousel-container" v-show="!showVideo">
         <div class="nav-arrow left" @click="handleChangeSwiper('prev')">
-
           <!-- <van-icon name="arrow-left" color="#fff" /> -->
-		  <SvgIcon name="left" size="70" color="#fff" />
+          <SvgIcon name="left" size="70" color="#fff" />
         </div>
 
         <van-swipe touchable ref="swiperRef" @change="handleChangeCurrent">
@@ -30,7 +29,7 @@
         </van-swipe>
 
         <div class="nav-arrow right" @click="handleChangeSwiper('next')">
-          <van-icon name="arrow" color="#fff" />
+          <SvgIcon class="arrow-right" name="left" size="70" color="#fff" />
         </div>
       </div>
     </div>
@@ -103,7 +102,6 @@ const swiperRef = ref<any>(null)
 const showVideo = ref<boolean>(false)
 const videoRef = ref<any>(null)
 
-
 const handleChangeCurrent = (index: number) => {
   currentChoosed.value = stylists.value[index].id
 }
@@ -118,7 +116,7 @@ const handleChangeSwiper = (type: 'next' | 'prev') => {
 
 const handleClickStylist = (item: any) => {
   console.log(item)
-//   showVideo.value = true
+  //   showVideo.value = true
 }
 
 const handleContinue = () => {
@@ -202,13 +200,16 @@ watch(showVideo, (newValue) => {
   z-index: 3;
   box-shadow: 0 2rem 2.5rem rgba(0, 0, 0, 0.25), 0 0 6rem rgba(0, 0, 0, 0.25);
   border: 0.1rem solid rgba(255, 255, 255, 0.2);
-  filter: drop-shadow(.2rem 4px 6.6px rgba(0, 0, 0, 0.25));
+  filter: drop-shadow(0.2rem 4px 6.6px rgba(0, 0, 0, 0.25));
   &.left {
     left: 1rem;
   }
 
   &.right {
     right: 1rem;
+    .arrow-right {
+      transform: rotate(180deg);
+    }
   }
 }
 
@@ -219,7 +220,7 @@ watch(showVideo, (newValue) => {
     .swiper-container {
       width: 66rem;
       height: 100rem;
-      border: .2rem solid #fff;
+      border: 0.2rem solid #fff;
       border-radius: 1.2rem;
       display: flex;
       flex-direction: column;
@@ -281,11 +282,13 @@ watch(showVideo, (newValue) => {
 }
 
 .continue-button {
+  height: 5.9rem;
+  box-sizing: border-box;
   position: absolute;
   bottom: 6.4rem;
   right: 7.6rem;
-  padding: 1.2rem 2.4rem;
-  border: 1px solid #fff;
+  padding: 0 3.4rem;
+  border: 0.3rem solid #fff;
   border-radius: 1rem;
   color: white;
   font-size: 4rem;
@@ -293,6 +296,8 @@ watch(showVideo, (newValue) => {
   cursor: pointer;
   z-index: 3;
   font-family: 'satoshiRegular';
+  display: flex;
+  align-items: center;
 }
 
 :deep(.van-overlay) {
@@ -326,12 +331,6 @@ watch(showVideo, (newValue) => {
       inset 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.3);
     transition: all 0.3s ease;
 
-    &:hover {
-      transform: translateY(-0.2rem);
-      box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.5),
-        inset 0 0.2rem 0.4rem rgba(255, 255, 255, 0.15), inset 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.4);
-    }
-
     .close-icon {
       color: white;
       font-size: 3.64rem;