feat: 更新默认布局,替换图标并调整底部导航栏高度;优化产品页面和个人资料页面的样式
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user