feat: ui update

This commit is contained in:
2026-09-15 16:01:59 +08:00
parent 1a11816839
commit 26c392d612
89 changed files with 10377 additions and 4861 deletions
+45 -27
View File
@@ -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>