From 9c9b219f3b36601a38fac07083af14e2502e60ff Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 5 Jan 2026 15:25:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=8D=E8=B4=B9=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA7=E5=A4=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 36 +++++++++++++++----------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index 88ee179b..2aa07809 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -32,14 +32,14 @@
             <div class="info" :class="{ academic: item.type == 'academic' }">
               {{ item?.info }}
             </div>
-            <div class="price " v-if="item.type != 'academic'">
+            <div class="price" v-if="item.type != 'academic'">
               <div>{{ item?.price }}</div>
               <span
                 :class="[
                   { yearl: monthlyOrYearly == 'yearl' },
                   { personal: item.type === 'personal' }
                 ]"
-				style="white-space: nowrap;"
+                style="white-space: nowrap"
               >
                 {{ item?.detail }}
               </span>
@@ -111,7 +111,7 @@ export default defineComponent({
             type: 'personal',
             info: '您的AI时尚设计助手',
             price: 'HK$0',
-            detail: '自注册之日起 5 天内 · 50 个积分',
+            detail: '自注册之日起 7 天内 · 50 个积分',
             highlight: '',
             discounts: '9折优惠',
             detailList: [
@@ -190,7 +190,7 @@ export default defineComponent({
             type: 'personal',
             info: '您的AI时尚设计助手',
             price: 'HK$0',
-            detail: '自注册之日起 5 天内 · 50 个积分',
+            detail: '自注册之日起 7 天内 · 50 个积分',
             highlight: '',
             discounts: '9折优惠',
             detailList: [
@@ -255,7 +255,7 @@ export default defineComponent({
             type: 'personal',
             info: 'Your AI Fashion Design Assistant',
             price: 'HK$0',
-            detail: '5 days from sign-up · 50 credits',
+            detail: '7 days from sign-up · 50 credits',
             highlight: '',
             discounts: '10% off',
             detailList: [
@@ -334,7 +334,7 @@ export default defineComponent({
             type: 'personal',
             info: 'Your AI Fashion Design Assistant',
             price: 'HK$0',
-            detail: '5 days from sign-up · 50 credits',
+            detail: '7 days from sign-up · 50 credits',
             highlight: '',
             discounts: '10% off',
             detailList: [
@@ -541,6 +541,7 @@ export default defineComponent({
     position: relative;
     --selectPadding: 0.58rem;
     padding: var(--selectPadding);
+    transform: scale(1.05);
     @media (max-width: 767px) {
       --selectPadding: 0.36rem;
       border-radius: 0.58rem;
@@ -551,7 +552,7 @@ export default defineComponent({
         left: var(--selectPadding);
       }
       > .leftText {
-        color: #000;
+        color: #fff;
       }
     }
     &.right {
@@ -559,11 +560,12 @@ export default defineComponent({
         left: calc(50% + var(--selectPadding));
       }
       > .rightText {
-        color: #000;
+        color: #fff;
       }
     }
     > .bg {
       border: 0.7px solid #e7ebff;
+      border-radius: 0.5rem;
       box-shadow: 0px 4.35px 26.08px 0px #b5c2fb1a;
       background: #ffffff;
       width: calc(50% - var(--selectPadding) * 2);
@@ -571,6 +573,12 @@ export default defineComponent({
       position: absolute;
       transition: all 0.3s;
     }
+    &.left,
+    &.right {
+      .bg {
+        background-color: #000;
+      }
+    }
     > .leftText,
     > .rightText {
       cursor: pointer;
@@ -634,7 +642,7 @@ export default defineComponent({
         border-radius: 1.3rem;
         margin: 0;
         margin-bottom: 2.8rem;
-		padding: 2rem;
+        padding: 2rem;
         padding-bottom: 1.3rem;
       }
       .product_signUp_box {
@@ -727,7 +735,7 @@ export default defineComponent({
           }
           @media (max-width: 767px) {
             font-size: 1.2rem;
-			margin-top: 1rem;
+            margin-top: 1rem;
             // margin-left: 0.7rem;
             // margin-bottom: 1rem;
           }
@@ -759,9 +767,9 @@ export default defineComponent({
           border-top-right-radius: 1.1rem;
           border-bottom-left-radius: 0.4rem;
           font-size: 1rem;
-		  line-height: 2.5rem;
-		  font-weight: 500;
-		  width: 9rem;
+          line-height: 2.5rem;
+          font-weight: 500;
+          width: 9rem;
         }
       }
       .product_detail {
@@ -869,7 +877,7 @@ export default defineComponent({
             padding-top: 2rem;
             justify-content: flex-end;
             margin-bottom: 0;
-            &.chinese{
+            &.chinese {
               justify-content: space-evenly;
             }
             li {