feat: 更新默认布局,替换图标并调整底部导航栏高度;优化产品页面和个人资料页面的样式

This commit is contained in:
2026-01-17 02:57:08 +07:00
parent e8b63b9710
commit 8bdea03583
3 changed files with 16 additions and 9 deletions

View File

@@ -119,18 +119,18 @@ function handleSubscribe(product: any, event: Event) {
<div class="grid grid-cols-3 gap-2 mb-2">
<div class="flex flex-col">
<span class="text-xs text-[#999]">当前价格</span>
<span class="text-sm font-bold text-[#c41e3a]">¥{{ product.currentPrice }}</span>
<span class="text-lg font-bold text-[#c41e3a]">¥{{ product.currentPrice }}</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-[#999]">到期收益</span>
<span class="text-sm font-bold text-[#52c41a] flex items-center gap-0.5">
<span class="text-lg font-bold text-[#52c41a] flex items-center gap-0.5">
<ion-icon :icon="trendingUpOutline" class="text-xs" />
{{ product.expectedReturn }}
</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-[#999]">产品周期</span>
<span class="text-sm font-bold text-[#1a1a1a] flex items-center gap-0.5">
<span class="text-lg font-bold text-[#1a1a1a] flex items-center gap-0.5">
<ion-icon :icon="calendarOutline" class="text-xs" />
{{ product.period }}
</span>
@@ -145,8 +145,10 @@ function handleSubscribe(product: any, event: Event) {
class="subscribe-btn flex-1"
@click="handleSubscribe(product, $event)"
>
<ion-icon slot="start" :icon="cardOutline" />
我要申购
<div class="flex-center gap-2">
<ion-icon slot="start" :icon="cardOutline" />
<span>我要申购</span>
</div>
</ion-button>
</div>
</div>