feat: ui update
This commit is contained in:
@@ -1,29 +1,29 @@
|
||||
<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 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>
|
||||
|
||||
<!-- Logo 与产品名 -->
|
||||
<view class="brand">
|
||||
<view class="brand-logo">
|
||||
<!-- 品牌区 -->
|
||||
<view class="lg-top">
|
||||
<view class="lg-logo">
|
||||
<view class="icon icon-hanger"></view>
|
||||
</view>
|
||||
<view class="brand-name">纸条AI衣橱</view>
|
||||
<view class="brand-slogan">把你的衣橱,交给 AI 打理</view>
|
||||
<view class="lg-name">纸条AI衣橱</view>
|
||||
<view class="lg-slogan">把你的衣橱,交给 AI 打理</view>
|
||||
</view>
|
||||
|
||||
<!-- 底部登录区 -->
|
||||
<view class="login-footer">
|
||||
<view class="btn btn-primary login-btn {{loading ? 'disabled' : ''}}" bindtap="onLogin">
|
||||
<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="agreement">
|
||||
<view class="lg-terms">
|
||||
<text>登录即代表同意</text>
|
||||
<text class="link" bindtap="openAgreement">《用户协议》</text>
|
||||
<text>和</text>
|
||||
@@ -31,20 +31,38 @@
|
||||
</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 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="btn btn-primary gift-btn" bindtap="onGiftConfirm">开心收下</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>
|
||||
|
||||
Reference in New Issue
Block a user