合并绑定客户页面，去掉导航icon，对话生产首次发送弹出提示

src/views/stylist/customer.vue

@@ -2,7 +2,8 @@
   <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" @click="handleBack" />
+        <SvgIcon name="left" size="70"  @click="handleBack" />
+
         <SvgIcon name="setting" size="70" />
       </div>
       <div class="content flex flex-center flex-column">
@@ -12,14 +13,13 @@
     </template>
     <template v-else>
       <div class="form-container">
-        <div class="back-container flex flex-center" @click="handleChangeMode('entry')">
-          <van-icon name="arrow-left" color="#fff" />
+        <div class="back-container flex flex-center" @click="handleBack">
+		  <SvgIcon name="left" size="70"  @click="handleBack" />
         </div>
         <div class="text">
-          <div class="form-title">Entry ID</div>
+          <div class="form-title">Customer ID</div>
           <div class="description">
-            Redefine the styling experience with AI.<br />
-            Use Styling Angel to speed up your fashion journey.
+            Redefine the styling experience with AI. Use<br />Styling Angel to speed up your fashion<br />journey.
           </div>
         </div>
 
@@ -60,7 +60,8 @@ const router = useRouter()
 const generateStore = useGenerateStore()
 
 type PageMode = 'form' | 'entry'
-const pageMode = ref<PageMode>('entry')
+const pageMode = ref<PageMode>('form')
+// const pageMode = ref<PageMode>('entry')
 
 const handleBack = () => {
   router.go(-1)
@@ -105,7 +106,7 @@ const handleConfirm = async () => {
   background-repeat: no-repeat;
   &.form-mode {
     background: url('@/assets/images/has_shouder_bg.png') no-repeat center center;
-    padding-top: 21.47rem;
+    padding-top: 15.9rem;
   }
 
   .setting {
@@ -151,18 +152,18 @@ const handleConfirm = async () => {
     .back-container {
       width: 7.3rem;
       height: 7.3rem;
-      border: 0.2rem solid #fff;
+    //   border: 0.2rem 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);
-      -moz-backdrop-filter: blur(20px);
-      -ms-backdrop-filter: blur(20px);
-      -o-backdrop-filter: blur(20px);
+    //   background: rgba(0, 0, 0, 0.2);
+    //   backdrop-filter: blur(20px);
+    //   -webkit-backdrop-filter: blur(20px);
+    //   -moz-backdrop-filter: blur(20px);
+    //   -ms-backdrop-filter: blur(20px);
+    //   -o-backdrop-filter: blur(20px);
       margin-left: 7rem;
       position: relative;
-      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 #000000;
+    //   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 #000000;
 
       .back-icon {
         width: 2.08rem;
@@ -171,7 +172,7 @@ const handleConfirm = async () => {
     }
     .text {
       padding-left: 15.2rem;
-      margin-top: 7.9rem;
+      margin-top: 15.4rem;
       letter-spacing: 0.02rem;
     }
     .form-title {
@@ -180,7 +181,7 @@ const handleConfirm = async () => {
       line-height: 1.24em;
     }
     .description {
-      font-size: 3rem;
+      font-size: 3.6rem;
       line-height: 141%;
       letter-spacing: 0.08rem;
       margin-top: 2.7rem;
@@ -188,16 +189,16 @@ const handleConfirm = async () => {
     }
 
     .glass-form {
-      height: 84.8rem;
+      height: 68.8rem;
       border: 0.2rem solid #ffffff;
       border-radius: 4.7rem;
       margin: 0 14.2rem;
-      padding: 8.2rem 7.9rem;
-      margin-top: 7.5rem;
+    //   padding: 8.2rem 7.9rem;
+		padding: 11rem 7.5rem;
+      margin-top: 11rem;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
       display: flex;
       flex-direction: column;
-      justify-content: space-evenly;
 
       background: radial-gradient(
         100% 100% at 0% 0%,
@@ -205,9 +206,10 @@ const handleConfirm = async () => {
         rgba(0, 0, 0, 0) 100%
       );
       backdrop-filter: blur(35px);
+	  justify-content: flex-start;
 
       .form-field {
-        margin-bottom: 3.6rem;
+          margin-bottom: 6.8rem;
         &.email {
           margin-bottom: 6.8rem;
         }
@@ -256,7 +258,7 @@ const handleConfirm = async () => {
       font-size: 3rem;
       line-height: 124%;
       letter-spacing: 0.08rem;
-      margin-top: 2.7rem;
+      margin-top: 2.31rem;
       text-align: center;
       font-weight: 400;
       margin-top: 18.7rem;

src/views/stylist/dressfor.vue

@@ -25,7 +25,8 @@
           <SvgIcon
             class="audio-icon"
             :name="isRecording ? 'pause' : 'audio'"
-            size="52"
+            size="35"
+			color="#6D6868"
             @click="handleClickAudio"
           />
         </div>
@@ -74,6 +75,7 @@ const handleSendMessage = () => {
     showToast('Please enter a message')
     return
   }
+  showToast('Voice-to-text conversion has been completed.')
   router.push({
     path: '/asistant',
     query: message ? { message } : undefined
@@ -238,6 +240,7 @@ onUnmounted(() => {
         width: 7.6rem;
         height: 7.6rem;
         background-color: #fff;
+		border-radius: 1rem;
       }
     }
   }

src/views/stylist/index.vue

@@ -10,7 +10,9 @@
 
       <div class="carousel-container" v-show="!showVideo">
         <div class="nav-arrow left" @click="handleChangeSwiper('prev')">
-          <van-icon name="arrow-left" color="#fff" />
+
+          <!-- <van-icon name="arrow-left" color="#fff" /> -->
+		  <SvgIcon name="left" size="70" color="#fff" />
         </div>
 
         <van-swipe touchable ref="swiperRef" @change="handleChangeCurrent">