2516cc2085
- 深色主题：深蓝背景 + 毛玻璃卡片 + 金色结果数字 - 自定义底部弹窗货币选择器，替换原生白色 Picker - 换算卡片内容居中竖排布局 - 汇率信息条改为竖排独立卡片 - 实时脉冲徽章 + 蓝紫渐变互换按钮 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
74 lines
1.9 KiB
Plaintext
74 lines
1.9 KiB
Plaintext
<view class="container">
|
||
<!-- 控制区 -->
|
||
<view class="card ctrl-card">
|
||
<view class="ctrl-top">
|
||
<text class="ctrl-title">汇率总览</text>
|
||
<view class="ctrl-badge" wx:if="{{updatedAt}}">
|
||
<text class="badge-text">{{updatedAt}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="ctrl-row">
|
||
<text class="ctrl-label">基准货币</text>
|
||
<view class="ctrl-chip" bindtap="openBasePicker">
|
||
<text class="chip-text">{{pickerData[baseIndex]}}</text>
|
||
<text class="chip-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="ctrl-row">
|
||
<text class="ctrl-label">换算金额</text>
|
||
<input
|
||
class="ctrl-input"
|
||
type="digit"
|
||
value="{{amount}}"
|
||
bindinput="handleAmountInput"
|
||
placeholder="100"
|
||
placeholder-class="ctrl-placeholder"
|
||
/>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 错误 -->
|
||
<view class="card error-card" wx:if="{{error}}">
|
||
<text class="error-text">{{error}}</text>
|
||
</view>
|
||
|
||
<!-- 加载 -->
|
||
<view class="loading-wrap" wx:if="{{loading}}">
|
||
<view class="loading-dot"></view>
|
||
<text class="loading-text">加载中</text>
|
||
</view>
|
||
|
||
<!-- 列表 -->
|
||
<view class="list-wrap" wx:if="{{list.length}}">
|
||
<view
|
||
class="card rate-row"
|
||
wx:for="{{list}}"
|
||
wx:key="code"
|
||
>
|
||
<view class="row-left">
|
||
<view class="flag-circle">
|
||
<text class="flag-emoji">{{item.flag}}</text>
|
||
</view>
|
||
<view class="row-info">
|
||
<text class="row-code">{{item.code}}</text>
|
||
<text class="row-name">{{item.name}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="row-right">
|
||
<text class="row-value">{{item.converted}}</text>
|
||
<text class="row-unit">1 = {{item.unitRate}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<currency-picker
|
||
show="{{showPicker}}"
|
||
list="{{pickerData}}"
|
||
current="{{baseIndex}}"
|
||
bind:select="handlePickerSelect"
|
||
bind:close="handlePickerClose"
|
||
/>
|