hookehuyr

style(plan): 优化金额输入键盘弹窗布局对齐

- 将"请输入保额金额"提示文字移至顶部
- 调整币种符号位置至金额数值前方
- 使用 items-end 和 leading-none 确保币种符号与金额数值底部对齐

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
......@@ -52,13 +52,17 @@
<!-- 内容容器 -->
<view class="relative z-10 w-full px-8 flex flex-col items-center">
<!-- 顶部提示文字 -->
<view class="text-sm text-gray-400 font-normal tracking-wide mb-6">请输入保额金额</view>
<!-- 垂直布局核心区域 -->
<view class="flex flex-col items-center justify-center w-full mb-8">
<!-- 币种符号 (放在上方) -->
<view class="text-3xl font-medium text-gray-400 mb-4 font-sans">{{ currencySymbol }}</view>
<!-- 币种符号 + 金额数值 + 光标 (水平排列) -->
<view class="flex items-end justify-center relative h-[110rpx]">
<!-- 币种符号 -->
<view class="text-3xl font-medium text-gray-400 mr-2 font-sans leading-none mb-1">{{ currencySymbol }}</view>
<!-- 金额数值 + 光标 -->
<view class="flex items-center justify-center relative h-[110rpx]">
<!-- 金额数值 -->
<view class="text-[100rpx] font-bold text-gray-900 leading-none tracking-tight font-sans tabular-nums">
{{ formattedInputValue || '0.00' }}
</view>
......@@ -67,9 +71,6 @@
<view class="w-[4px] h-[80rpx] bg-[#007AFF] ml-4 rounded-full animate-pulse"></view>
</view>
</view>
<!-- 底部提示文字 -->
<view class="text-xs text-gray-400 font-normal tracking-wide">请输入保额金额</view>
</view>
</view>
</nut-popup>
......