style: vant图标px->rem

src/views/stylist/customer.vue

@@ -2,7 +2,7 @@
   <div class="customer-container safe-area-top" :class="{ 'form-mode': pageMode === 'form' }">
     <template v-if="pageMode === 'entry'">
       <div class="setting flex flex-between">
-        <van-icon name="arrow-left" color="#fff" size="70" @click="handleBack" />
+        <van-icon name="arrow-left" color="#fff" @click="handleBack" />
         <SvgIcon name="setting" size="70" />
       </div>
       <div class="content flex flex-center flex-column">
@@ -13,7 +13,7 @@
     <template v-else>
       <div class="form-container">
         <div class="back-container flex flex-center" @click="handleChangeMode('entry')">
-          <van-icon name="arrow-left" color="#fff" size="50" />
+          <van-icon name="arrow-left" color="#fff"  />
         </div>
         <div class="text">
           <div class="form-title">Entry ID</div>
@@ -47,7 +47,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
-import { useGenerateStore,useUserInfoStore } from '@/stores'
+import { useGenerateStore, useUserInfoStore } from '@/stores'
 import { showToast } from 'vant'
 import { customerCheckin } from '@/api/workshop'
 
@@ -106,6 +106,7 @@ const handleConfirm = async () => {
   .setting {
     z-index: 1;
     padding: 3.17rem 4.9rem 0 8.4rem;
+    font-size: 7rem;
     .c-svg {
       width: initial;
     }
@@ -147,6 +148,7 @@ const handleConfirm = async () => {
       height: 7.3rem;
       border: 2px solid #fff;
       border-radius: 1.8rem;
+      font-size: 4.3rem;
       background: rgba(0, 0, 0, 0.2);
       backdrop-filter: blur(20px);
       -webkit-backdrop-filter: blur(20px);