登录

miniprogram/src/pages/user/index.scss

@@ -235,6 +235,7 @@
     .modal-header {
         margin-bottom: 60px;
         text-align: center;
+        position: relative;
         
         .modal-title {
             display: block;
@@ -248,6 +249,16 @@
             font-size: 28px;
             color: #888;
         }
+
+        .close-icon {
+            position: absolute;
+            top: -30px;
+            right: -10px;
+            font-size: 48px;
+            color: #666;
+            padding: 10px;
+            line-height: 1;
+        }
     }
     
     .modal-body {
@@ -259,7 +270,7 @@
             line-height: 90px;
             border-radius: 45px;
             font-size: 32px;
-            margin-bottom: 40px;
+            margin-bottom: 20px;
             background: #333;
             color: #888;
             border: none;
@@ -275,6 +286,25 @@
             }
         }
 
+        .btn-modal-cancel {
+            width: 100%;
+            height: 90px;
+            line-height: 90px;
+            border-radius: 45px;
+            font-size: 30px;
+            margin-bottom: 30px;
+            background: transparent;
+            color: #666;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            box-sizing: border-box;
+
+            &:active {
+                background: rgba(255, 255, 255, 0.05);
+            }
+            
+            &::after { border: none; }
+        }
+        
         .agreement-box {
             display: flex;
             align-items: flex-start;

miniprogram/src/pages/user/index.tsx

@@ -353,6 +353,7 @@ export default function UserIndex() {
                 <View className='modal-header'>
                     <Text className='modal-title'>欢迎登录 Quant Speed</Text>
                     <Text className='modal-subtitle'>登录后享受更多权益</Text>
+                    <View className='close-icon' onClick={() => setShowLoginModal(false)}>×</View>
                 </View>
                 
                 <View className='modal-body'>
@@ -362,7 +363,11 @@ export default function UserIndex() {
                         onGetPhoneNumber={getPhoneNumber}
                         onClick={handleLoginBtnClick}
                     >
-                        微信一键登录
+                        手机号快捷登录
+                    </Button>
+
+                    <Button className='btn-modal-cancel' onClick={() => setShowLoginModal(false)}>
+                        暂不登录
                     </Button>
 
                     <View className='agreement-box'>