Merge branch 'main' of http://18.167.251.121:10003/aidlab/lanecarford_front

src/views/stylist/index.vue

@@ -5,7 +5,7 @@
       <!-- 标题 -->
       <div class="header">
         <div class="title">Choose Stylist.</div>
-        <div class="sub-title">What style are you looking for? </div>
+        <div class="sub-title">What style are you looking for?</div>
       </div>
 
       <div class="carousel-container" v-show="!showVideo">
@@ -35,7 +35,13 @@
     </div>
 
     <!-- Continue按钮 -->
-    <div class="continue-button" @click="handleContinue" v-if="!$route.query?.demo">Continue</div>
+    <button
+      class="sandblasted-blurred continue-button flex flex-center"
+      @click="handleContinue"
+      v-if="!$route.query?.demo"
+    >
+      <span>Continue</span>
+    </button>
     <!-- <van-dialog
       class="video-dialog"
       :show-confirm-button="false"
@@ -181,7 +187,7 @@ const handleContinue = () => {
     letter-spacing: -0.04rem;
     margin-bottom: 3.2rem;
   }
-  .sub-title{
+  .sub-title {
     font-family: 'satoshiRegular';
     font-size: 4rem;
   }
@@ -294,9 +300,9 @@ const handleContinue = () => {
   }
 }
 
-.continue-button {
+button.sandblasted-blurred.continue-button {
   height: 6.7rem;
-  box-sizing: border-box;
+  width: 24.6rem;
   position: absolute;
   bottom: 6.4rem;
   right: 7.6rem;
@@ -306,11 +312,9 @@ const handleContinue = () => {
   color: white;
   font-size: 4rem;
   font-weight: 500;
-  cursor: pointer;
   z-index: 3;
   font-family: 'satoshiRegular';
-  display: flex;
-  align-items: center;
+  box-sizing: border-box;
 }
 
 :deep(.van-overlay) {