90 lines
3.3 KiB
Plaintext
90 lines
3.3 KiB
Plaintext
<view class="login-page">
|
|
<!-- 悬浮线稿装饰：唯一色彩仍是黑白灰 -->
|
|
<view class="lg-hero">
|
|
<view class="icon lg-ic lg-ic1 icon-hanger"></view>
|
|
<view class="icon lg-ic lg-ic2 icon-shirt"></view>
|
|
<view class="icon lg-ic lg-ic3 icon-sparkles"></view>
|
|
<view class="icon lg-ic lg-ic4 icon-camera"></view>
|
|
<view class="icon lg-ic lg-ic5 icon-star"></view>
|
|
</view>
|
|
|
|
<!-- 品牌区 -->
|
|
<view class="lg-top">
|
|
<view class="lg-logo">
|
|
<view class="icon icon-hanger"></view>
|
|
</view>
|
|
<view class="lg-name">纸条AI衣橱</view>
|
|
<view class="lg-slogan">把你的衣橱，交给 AI 打理</view>
|
|
</view>
|
|
|
|
<!-- 底部登录区 -->
|
|
<view class="lg-foot">
|
|
<view class="btn btn--ink btn--block {{loading ? 'is-off' : ''}}" bindtap="onLogin">
|
|
<view class="wechat-icon"></view>
|
|
<text>{{loading ? '登录中…' : '微信一键登录'}}</text>
|
|
</view>
|
|
|
|
<!-- 协议同意：默认不勾选，由用户阅读后自行选择是否同意 -->
|
|
<view class="lg-consent">
|
|
<view class="lg-check {{agreed ? 'is-on' : ''}}" bindtap="onToggleAgree">
|
|
<view class="icon icon-check"></view>
|
|
</view>
|
|
<view class="lg-consent-t" bindtap="onToggleAgree">
|
|
<text>我已阅读并同意</text>
|
|
<text class="link" data-type="user" catchtap="openAgreement">《用户协议》</text>
|
|
<text>和</text>
|
|
<text class="link" data-type="privacy" catchtap="openAgreement">《隐私政策》</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 暂不登录：返回衣橱继续浏览，不做任何授权 -->
|
|
<view class="lg-browse" bindtap="onBrowse">暂不登录，先逛逛</view>
|
|
</view>
|
|
|
|
<!-- 新手礼包：居中玻璃卡 -->
|
|
<view wx:if="{{giftVisible}}" class="scrim"></view>
|
|
<view wx:if="{{giftVisible}}" class="modal-wrap">
|
|
<view class="modal">
|
|
<view class="modal-body">
|
|
<view class="lg-gift-ic">
|
|
<view class="icon icon-sparkles"></view>
|
|
</view>
|
|
<view class="modal-title">欢迎加入纸条AI衣橱</view>
|
|
<view class="modal-text">新人礼包已到账，请查收</view>
|
|
<view class="lg-gift-list">
|
|
<view class="lg-gift-row" wx:for="{{giftItems}}" wx:key="name">
|
|
<view class="icon {{item.icon}}"></view>
|
|
<text class="gn">{{item.name}}</text>
|
|
<text class="gv num">{{item.value}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="modal-acts">
|
|
<view class="modal-act modal-act--main" bindtap="onGiftConfirm">开心收下</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 生日引导 -->
|
|
<v2-overlay
|
|
visible="{{birthVisible}}"
|
|
type="modal"
|
|
title="完善个人信息"
|
|
content="设置生日后即可查看今日星座运势"
|
|
buttons="{{birthButtons}}"
|
|
bind:confirm="onBirthConfirm"
|
|
bind:cancel="onBirthCancel"
|
|
/>
|
|
|
|
<!-- 未勾选协议的二次确认：是否同意由用户自行选择 -->
|
|
<v2-overlay
|
|
visible="{{consentVisible}}"
|
|
type="modal"
|
|
title="请先阅读并同意协议"
|
|
content="登录前请阅读《用户协议》和《隐私政策》，同意后我们才会为你创建账号并保存衣橱数据。"
|
|
buttons="{{consentButtons}}"
|
|
bind:confirm="onConsentConfirm"
|
|
bind:cancel="onConsentCancel"
|
|
/>
|
|
</view>
|