ui: 暗色金融风重构 + 自定义货币选择器
- 深色主题:深蓝背景 + 毛玻璃卡片 + 金色结果数字 - 自定义底部弹窗货币选择器,替换原生白色 Picker - 换算卡片内容居中竖排布局 - 汇率信息条改为竖排独立卡片 - 实时脉冲徽章 + 蓝紫渐变互换按钮 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
20
miniprogram/components/currency-picker/currency-picker.wxml
Normal file
20
miniprogram/components/currency-picker/currency-picker.wxml
Normal file
@@ -0,0 +1,20 @@
|
||||
<view class="picker-mask" wx:if="{{show}}" bindtap="handleMaskTap">
|
||||
<view class="picker-sheet" catchtap="preventBubble">
|
||||
<view class="sheet-header">
|
||||
<text class="sheet-title">选择货币</text>
|
||||
<text class="sheet-close" bindtap="handleClose">✕</text>
|
||||
</view>
|
||||
<scroll-view class="sheet-scroll" scroll-y enhanced show-scrollbar="{{false}}">
|
||||
<view
|
||||
class="sheet-item {{index === current ? 'sheet-item-active' : ''}}"
|
||||
wx:for="{{list}}"
|
||||
wx:key="index"
|
||||
data-index="{{index}}"
|
||||
bindtap="handleSelect"
|
||||
>
|
||||
<text class="item-text">{{item}}</text>
|
||||
<text class="item-check" wx:if="{{index === current}}">✓</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user