diff --git a/miniprogram/src/pages/user/index.scss b/miniprogram/src/pages/user/index.scss index 0ffe8de..160db3c 100644 --- a/miniprogram/src/pages/user/index.scss +++ b/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; @@ -274,6 +285,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; diff --git a/miniprogram/src/pages/user/index.tsx b/miniprogram/src/pages/user/index.tsx index 80c5cf3..035a12a 100644 --- a/miniprogram/src/pages/user/index.tsx +++ b/miniprogram/src/pages/user/index.tsx @@ -353,6 +353,7 @@ export default function UserIndex() { 欢迎登录 Quant Speed 登录后享受更多权益 + setShowLoginModal(false)}>× @@ -362,7 +363,11 @@ export default function UserIndex() { onGetPhoneNumber={getPhoneNumber} onClick={handleLoginBtnClick} > - 微信一键登录 + 手机号快捷登录 + + +