首次提交
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
<view class="container">
|
||||
<view class="logo-area">
|
||||
<view class="logo">📈</view>
|
||||
<text class="slogan">寸进</text>
|
||||
<text class="sub-slogan">日日皆有成长</text>
|
||||
</view>
|
||||
<input class="input-field" type="text" maxlength="11" placeholder="手机号" value="{{phone}}" bindinput="onPhoneInput" />
|
||||
<view class="error" wx:if="{{error}}">{{error}}</view>
|
||||
<button class="btn-primary" loading="{{loading}}" disabled="{{loading || phone.length<11}}" bindtap="onLogin">
|
||||
{{loading ? '登录中...' : '登录 / 注册'}}
|
||||
</button>
|
||||
<text class="tip">未注册的手机号将自动创建账号</text>
|
||||
</view>
|
||||
|
||||
<style>
|
||||
.container { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; padding: 32px; }
|
||||
.logo-area { text-align: center; margin-bottom: 48px; }
|
||||
.logo { width: 80px; height: 80px; border-radius: 20px; background: linear-gradient(135deg, #FF6B35, #FF4D6D); display: flex; align-items: center; justify-content: center; font-size: 36px; margin: 0 auto 16px; }
|
||||
.slogan { font-size: 28px; font-weight: 700; display: block; }
|
||||
.sub-slogan { font-size: 15px; color: #86868B; margin-top: 4px; display: block; }
|
||||
.input-field { margin-bottom: 12px; width: 100%; }
|
||||
.error { font-size: 13px; color: #FF3B30; margin-bottom: 12px; }
|
||||
.btn-primary { margin-top: 12px; }
|
||||
.tip { font-size: 13px; color: #86868B; margin-top: 16px; }
|
||||
</style>
|
||||
Reference in New Issue
Block a user