51 lines
1.9 KiB
Plaintext
51 lines
1.9 KiB
Plaintext
<view class="login-page">
|
|
<!-- 顶部插画区 -->
|
|
<view class="hero">
|
|
<view class="icon hero-icon hero-1 icon-hanger"></view>
|
|
<view class="icon hero-icon hero-2 icon-shirt"></view>
|
|
<view class="icon hero-icon hero-3 icon-sparkles"></view>
|
|
<view class="icon hero-icon hero-4 icon-camera"></view>
|
|
<view class="icon hero-icon hero-5 icon-star"></view>
|
|
</view>
|
|
|
|
<!-- Logo 与产品名 -->
|
|
<view class="brand">
|
|
<view class="brand-logo">
|
|
<view class="icon icon-hanger"></view>
|
|
</view>
|
|
<view class="brand-name">纸条AI衣橱</view>
|
|
<view class="brand-slogan">把你的衣橱，交给 AI 打理</view>
|
|
</view>
|
|
|
|
<!-- 底部登录区 -->
|
|
<view class="login-footer">
|
|
<view class="btn btn-primary login-btn {{loading ? 'disabled' : ''}}" bindtap="onLogin">
|
|
<view class="wechat-icon"></view>
|
|
<text>{{loading ? '登录中…' : '微信一键登录'}}</text>
|
|
</view>
|
|
<view class="agreement">
|
|
<text>登录即代表同意</text>
|
|
<text class="link" bindtap="openAgreement">《用户协议》</text>
|
|
<text>和</text>
|
|
<text class="link" bindtap="openAgreement">《隐私政策》</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 新手礼包弹窗 -->
|
|
<view wx:if="{{giftVisible}}" class="gift-mask">
|
|
<view class="gift-card">
|
|
<view class="gift-badge"><view class="icon icon-sparkles"></view></view>
|
|
<view class="gift-title">欢迎加入纸条AI衣橱</view>
|
|
<view class="gift-sub">新人礼包已到账，请查收</view>
|
|
<view class="gift-list">
|
|
<view class="gift-item" wx:for="{{giftItems}}" wx:key="name">
|
|
<view class="gift-item-icon icon {{item.icon}}"></view>
|
|
<text class="gift-item-name">{{item.name}}</text>
|
|
<text class="gift-item-val">{{item.value}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="btn btn-primary gift-btn" bindtap="onGiftConfirm">开心收下</view>
|
|
</view>
|
|
</view>
|
|
</view>
|