zeronline
26 lines
1.4 KiB
Plaintext
26 lines
1.4 KiB
Plaintext
<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>
|