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

src/assets/icons/audio.svg

@@ -1 +1,4 @@
-<svg t="1760424451063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13798" width="200" height="200"><path d="M842 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1z" p-id="13799" fill="#6d6868"></path><path d="M512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168z m-94-392c0-50.6 41.9-92 94-92s94 41.4 94 92v224c0 50.6-41.9 92-94 92s-94-41.4-94-92V232z" p-id="13800" fill="#6d6868"></path></svg>
+<svg width="37" height="57" viewBox="0 0 37 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.4992 12.9C28.4992 7.15624 23.843 2.5 18.0992 2.5C12.3555 2.5 7.69922 7.15624 7.69922 12.9V25.9C7.69922 31.6438 12.3555 36.3 18.0992 36.3C23.843 36.3 28.4992 31.6438 28.4992 25.9V12.9Z" stroke="#6D6868" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33.7 39.6592C31.7501 41.8748 29.35 43.6489 26.6598 44.8631C23.9697 46.0772 21.0514 46.7035 18.1 46.7M18.1 46.7C15.1485 46.7035 12.2303 46.0772 9.54017 44.8631C6.85003 43.6489 4.44988 41.8748 2.5 39.6592M18.1 46.7V54.5M12.9 54.5H23.3" stroke="#6D6868" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/assets/icons/left.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="512" height="512"><path d="M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z"/></svg>

src/assets/icons/send.svg

@@ -1,3 +1,3 @@
-<svg width="50" height="43" viewBox="0 0 50 43" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M44.0137 16.3477C48.4427 18.0966 48.4427 24.3653 44.0137 26.1143L9.67871 39.6719C5.26568 41.4142 0.98905 36.8733 2.99219 32.5723L8.12695 21.5478C8.22042 21.3471 8.22043 21.1148 8.12695 20.9141L2.99219 9.88965C0.989068 5.58859 5.26567 1.04766 9.67871 2.79004L44.0137 16.3477Z" stroke="black" stroke-width="4.5" stroke-linejoin="round"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29 15C29 15.3788 28.786 15.7251 28.4473 15.8945L2.44726 28.8945C2.0805 29.0779 1.63862 29.0185 1.33301 28.7451C1.02768 28.4718 0.92023 28.0399 1.06152 27.6553L5.71582 15L1.06152 2.34473C0.920232 1.96008 1.02768 1.52819 1.33301 1.25488C1.63863 0.981488 2.0805 0.922085 2.44727 1.10547L28.4473 14.1055L28.5684 14.1768C28.8363 14.3617 29 14.6685 29 15Z" fill="white" stroke="black" stroke-width="2" stroke-linejoin="round"/>
 </svg>

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">