Files
zt-closet-wxmini-frontend/miniprogram/pages/login/login.wxml
T

69 lines
2.4 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-terms">
<text>登录即代表同意</text>
<text class="link" data-type="user" bindtap="openAgreement">《用户协议》</text>
<text>和</text>
<text class="link" data-type="privacy" bindtap="openAgreement">《隐私政策》</text>
</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"
/>
</view>