feat: dressfor和customer页面样式

src/views/stylist/customer.vue

@@ -3,6 +3,7 @@
     <template v-if="pageMode === 'entry'">
       <div class="setting flex flex-between">
         <van-icon name="arrow-left" color="#fff" size="70" />
+        <SvgIcon name="setting" size="70" />
       </div>
       <div class="content flex flex-center flex-column">
         <div class="text">Who is Your Customer?</div>
@@ -73,6 +74,9 @@ const handleConfirm = () => {
   .setting {
     z-index: 1;
     padding: 3.17rem 4.9rem 0 8.4rem;
+    .c-svg {
+      width: initial;
+    }
   }
   .content {
     margin-top: 55.3rem;

src/views/stylist/dressfor.vue

@@ -1,6 +1,10 @@
 <template>
-  <div class="dressfor-container flex flex-center">
+  <div class="dressfor-container flex">
-    <div class="content flex flex-center flex-column">
+    <div class="content flex-1 flex flex-column">
+      <div class="setting flex flex-between">
+        <van-icon name="arrow-left" color="#fff" size="70" />
+        <SvgIcon name="setting" size="70" />
+      </div>
       <div class="text">What are you dressing for?</div>
       <div class="start-btn" @click="handleStart">Start</div>
     </div>
@@ -25,14 +29,21 @@ const handleStart = () => {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
-  padding: 6rem 12.4rem 0 8.5rem;
+  padding: 6rem 0 0 0;
   .content {
-    row-gap: 20rem;
+    .setting {
+      padding: 0 4.9rem 0 8.4rem;
+      .c-svg {
+        width: initial;
+      }
+    }
     .text {
       font-family: 'satoshiBold';
       font-size: 11rem;
       line-height: 106%;
       text-align: center;
+      margin-top: 43.8rem;
+      margin-bottom: 14rem;
     }
     .start-btn {
       font-size: 5.6rem;
@@ -43,6 +54,7 @@ const handleStart = () => {
       align-items: center;
       justify-content: center;
       border-radius: 4rem;
+      margin: 0 auto;
     }
   }
 }