refactor(payment): 优化支付页面文案和国际化
- 更新支付页面的标题和提示文案 -优化国际化文案,支持多语言- 调整支付金额输入框的占位符文案 - 统一"支付全部"和
This commit is contained in:
parent
ffd4f50920
commit
82eb2de705
@ -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') }}
|
||||
|
@ -258,7 +258,7 @@
|
||||
"systemError": "系统错误,请稍后重试"
|
||||
},
|
||||
"placeholder": {
|
||||
"amount": "最多{currency}{price}"
|
||||
"amount": "最多"
|
||||
},
|
||||
"amount": "支付金额"
|
||||
},
|
||||
@ -411,7 +411,7 @@
|
||||
"fullPayment": "支付全部",
|
||||
"partialPayment": "支付部分",
|
||||
"confirmPayment": "确认支付",
|
||||
"maxAmount": "最多{currency}{price}",
|
||||
"text1": "最多",
|
||||
"enterAmount": "请输入金额",
|
||||
"exceedTotal": "不得高于全部金额"
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user