refactor(payment): 优化支付页面文案和国际化

- 更新支付页面的标题和提示文案
-优化国际化文案,支持多语言- 调整支付金额输入框的占位符文案
- 统一"支付全部"和
This commit is contained in:
xingyy 2025-02-26 15:45:27 +08:00
parent ffd4f50920
commit 82eb2de705
2 changed files with 6 additions and 5 deletions

View File

@ -10,6 +10,7 @@ const payStatus=ref(0)
definePageMeta({
i18n: 'payment.title'
})
const {t}=useI18n()
const router=useRouter()
const changePayStatus=()=>{
payStatus.value=payStatus.value===0?1:0
@ -72,12 +73,12 @@ const handleInput = (e) => {
<div class="mb-30px">
<img class="w-126px h-126px" src="@/static/images/dddf34@2x.png" alt="">
</div>
<div class="text-#1A1A1A text-16px mb-25px font-bold">{{payStatus===0 ? t('payment.payAll') : t('payment.payPartial')}}</div>
<div class="text-#1A1A1A text-16px mb-25px font-bold">{{payStatus===0 ? t('payment.fullPayment') : t('payment.partialPayment')}}</div>
<div class="text-#999999 text-16px mb-24px font-bold" v-if="payStatus===0">{{payment.leftCurrency}} {{payment?.leftPrice}}</div>
<div class="mb-12px" v-else>
<input v-model="amount" class="w-272px h-48px bg-#F3F3F3 px-11px text-16px" type="text" :placeholder="`最多${payment.leftCurrency}${payment?.leftPrice}`" @input="handleInput">
<input v-model="amount" class="w-272px h-48px bg-#F3F3F3 px-11px text-16px" type="text" :placeholder="`${t('payment.placeholder.amount')}${payment.leftCurrency}${payment?.leftPrice}`" @input="handleInput">
</div>
<div class="text-#2B53AC text-14px" @click="changePayStatus">{{payStatus===1 ? t('payment.payAll') : t('payment.payPartial')}}</div>
<div class="text-#2B53AC text-14px" @click="changePayStatus">{{payStatus===1 ? t('payment.fullPayment') : t('payment.partialPayment')}}</div>
<div class="w-full mt-auto mb-40px">
<van-button type="primary" block @click="confirmPay">
{{ t('payment.confirm') }}

View File

@ -258,7 +258,7 @@
"systemError": "系统错误,请稍后重试"
},
"placeholder": {
"amount": "最多{currency}{price}"
"amount": "最多"
},
"amount": "支付金额"
},
@ -411,7 +411,7 @@
"fullPayment": "支付全部",
"partialPayment": "支付部分",
"confirmPayment": "确认支付",
"maxAmount": "最多{currency}{price}",
"text1": "最多",
"enterAmount": "请输入金额",
"exceedTotal": "不得高于全部金额"
},