style: vant图标px->rem

src/views/stylist/index.vue

@@ -9,7 +9,7 @@
 
       <div class="carousel-container" v-show="!showVideo">
         <div class="nav-arrow left" @click="handleChangeSwiper('prev')">
-          <van-icon name="arrow-left" color="#fff" size="40" />
+          <van-icon name="arrow-left" color="#fff" />
         </div>
 
         <van-swipe touchable ref="swiperRef" @change="handleChangeCurrent">
@@ -27,7 +27,7 @@
         </van-swipe>
 
         <div class="nav-arrow right" @click="handleChangeSwiper('next')">
-          <van-icon name="arrow" color="#fff" size="40" />
+          <van-icon name="arrow" color="#fff" />
         </div>
       </div>
     </div>
@@ -58,7 +58,6 @@ import { useUserInfoStore } from '@/stores'
 import male from '@/assets/images/male.png'
 import female from '@/assets/images/female.png'
 
-
 const router = useRouter()
 const userInfoStore = useUserInfoStore()
 // stylist数据
@@ -179,6 +178,7 @@ watch(showVideo, (newValue) => {
 }
 
 .nav-arrow {
+  font-size: 4rem;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -287,7 +287,7 @@ watch(showVideo, (newValue) => {
   font-family: 'satoshiRegular';
 }
 
-:deep(.van-overlay){
+:deep(.van-overlay) {
   background: transparent;
 }
 
@@ -324,14 +324,9 @@ watch(showVideo, (newValue) => {
         inset 0 0.2rem 0.4rem rgba(255, 255, 255, 0.15), inset 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.4);
     }
 
-    &:active {
-      transform: translateY(0.1rem);
-      box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.3), inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
-    }
-
     .close-icon {
       color: white;
-      font-size: 2.4rem;
+      font-size: 3.64rem;
       text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.5);
     }
   }