Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refactor(member/card_buy): 替换硬编码文本为多语言配置

Browse Source 
将页面内所有硬编码的中文文案替换为$lang多语言调用，统一国际化处理，包括按钮文字、标题、权益描述和空状态提示等内容，同时修复了image标签自闭合格式问题
This commit is contained in:
ZF Sun
2026-06-22 11:36:12 +08:00
parent cc39e06161
commit fce936feee
1 changed files with 39 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
pages_tool/member/card_buy.vue
View File

@@ -2,17 +2,17 @@
<view class="member-level" :style="themeColor">
<block v-if="levelList.length">
<view class="level-top">
<image :src="$util.img('public/uniapp/level/card-top-bg.png')"></image>
<image :src="$util.img('public/uniapp/level/card-top-bg.png')" />
</view>
<view class="banner-container">
<view class="memberInfo">
<image :src="$util.img(memberInfo.headimg)" v-if="memberInfo.headimg" @error="headimgError"
mode="aspectFill" show-menu-by-longpress/>
<image :src="$util.getDefaultImage().head" v-else mode="aspectFill" show-menu-by-longpress></image>
mode="aspectFill" show-menu-by-longpress />
<image :src="$util.getDefaultImage().head" v-else mode="aspectFill" show-menu-by-longpress />
<view class="member-desc">
<view class="font-size-toolbar">{{ memberInfo.nickname }}</view>
<view class="font-size-tag expire-time" v-if="memberInfo.level_expire_time > 0">
有效期至：{{ $util.timeStampTurnTime(memberInfo.level_expire_time, true) }}
{{ $lang('level.expireTime') }}：{{ $util.timeStampTurnTime(memberInfo.level_expire_time, true) }}
</view>
</view>
</view>
@@ -60,9 +60,9 @@
<view class="level-detail" :style="{ color: levelList[curIndex]['level_text_color'] }">
{{ levelList[curIndex].level_name }}</view>
<view class="growr-name" :style="{ color: levelList[curIndex]['level_text_color'] }">{{
levelList[curIndex].level_name }}可享受消费折扣和</view>
levelList[curIndex].level_name }}{{ $lang('card.canEnjoy') }}</view>
<view class="growr-value" :style="{ color: levelList[curIndex]['level_text_color'] }">
会员大礼包等权益</view>
{{ $lang('card.memberGiftEtc') }}</view>
<view class="growth-rules font-size-tag" @click="openExplainPopup"
v-if="levelList[curIndex].remark != ''">
<text class="iconfont icon-wenhao font-size-tag"></text>
@@ -78,7 +78,7 @@
<view class="line-box">
<view class="line right"></view>
</view>
<view class="card-content-title">卡种选择</view>
<view class="card-content-title">{{ $lang('card.cardTypeSelect') }}</view>
<view class="line-box">
<view class="line"></view>
</view>
@@ -107,7 +107,7 @@
<view class="line-box">
<view class="line right"></view>
</view>
<view class="card-content-title">会员权益</view>
<view class="card-content-title">{{ $lang('level.memberBenefits') }}</view>
<view class="line-box">
<view class="line"></view>
</view>
@@ -118,18 +118,18 @@
<view class="card-privilege-icon">
<text class="iconfont icon-tedianquanchangbaoyou"></text>
</view>
<view class="card-privilege-name">全场包邮</view>
<view class="card-privilege-text">享受商品包邮服务</view>
<view class="card-privilege-name">{{ $lang('level.freeShipping') }}</view>
<view class="card-privilege-text">{{ $lang('level.freeShippingDesc') }}</view>
</view>
<view class="card-privilege-item" v-if="currCard.consume_discount < 100">
<view class="card-privilege-icon"><text class="iconfont icon-zhekou"></text></view>
<view class="card-privilege-name">消费折扣</view>
<view class="card-privilege-text">部分商品下单可享{{ currCard.consume_discount / 10 }}折优惠</view>
<view class="card-privilege-name">{{ $lang('level.consumeDiscount') }}</view>
<view class="card-privilege-text">{{ $lang('level.consumeDiscountDesc') }}{{ currCard.consume_discount / 10 }}{{ $lang('level.discount') }}</view>
</view>
<view class="card-privilege-item" v-if="currCard.point_feedback > 0">
<view class="card-privilege-icon"><text class="iconfont icon-jifen2 f32"></text></view>
<view class="card-privilege-name">积分回馈</view>
<view class="card-privilege-text">下单享{{ parseFloat(currCard.point_feedback) }}倍积分回馈</view>
<view class="card-privilege-name">{{ $lang('level.pointReward') }}</view>
<view class="card-privilege-text">{{ $lang('level.pointRewardDesc') }}{{ parseFloat(currCard.point_feedback) }}{{ $lang('level.pointMultiplier') }}</view>
</view>
</view>
@@ -138,7 +138,7 @@
<view class="line-box">
<view class="line right"></view>
</view>
<view class="card-content-title">开卡礼包</view>
<view class="card-content-title">{{ $lang('level.openCardGift') }}</view>
<view class="line-box">
<view class="line"></view>
</view>
@@ -147,18 +147,18 @@
<view class="card-privilege-list">
<view class="card-privilege-item" v-if="currCard.send_point > 0">
<view class="card-privilege-icon"><text class="iconfont icon-jifen3"></text></view>
<view class="card-privilege-name">积分礼包</view>
<view class="card-privilege-text">赠送{{ currCard.send_point }}积分</view>
<view class="card-privilege-name">{{ $lang('level.pointGift') }}</view>
<view class="card-privilege-text">{{ $lang('level.giftPoint') }}{{ currCard.send_point }}{{ $lang('level.point') }}</view>
</view>
<view class="card-privilege-item" v-if="currCard.send_balance > 0">
<view class="card-privilege-icon"><text class="iconfont icon-hongbao"></text></view>
<view class="card-privilege-name">红包礼包</view>
<view class="card-privilege-text">赠送{{ parseFloat(currCard.send_balance) }}元红包</view>
<view class="card-privilege-name">{{ $lang('level.redPacketGift') }}</view>
<view class="card-privilege-text">{{ $lang('level.giftBalance') }}{{ parseFloat(currCard.send_balance) }}{{ $lang('level.redPacket') }}</view>
</view>
<view class="card-privilege-item" v-if="currCard.send_coupon != ''">
<view class="card-privilege-icon"><text class="iconfont icon-youhuiquan1"></text></view>
<view class="card-privilege-name">优惠券礼包</view>
<view class="card-privilege-text">赠送{{ currCard.send_coupon.split(',').length }}张优惠券
<view class="card-privilege-name">{{ $lang('level.couponGift') }}</view>
<view class="card-privilege-text">{{ $lang('level.giftCoupon') }}{{ currCard.send_coupon.split(',').length }}{{ $lang('level.coupon') }}
</view>
</view>
</view>
@@ -170,17 +170,17 @@
</view>
<view class="action" :class="{ 'bottom-safe-area': isIphoneX, 'have-agreement': agreement }">
<view class="action-btn" @click="create">
<block v-if="currCard.level_id == levelId"><text class="bold title">立即续费</text></block>
<block v-if="currCard.level_id == levelId"><text class="bold title">{{ $lang('card.renew') }}</text></block>
<block v-else>
<text class="bold title" v-if="currCard.charge_type == 1">充值开通</text>
<text class="bold title" v-else>立即开通</text>
<text class="bold title" v-if="currCard.charge_type == 1">{{ $lang('card.chargeOpen') }}</text>
<text class="bold title" v-else>{{ $lang('card.openNow') }}</text>
</block>
<text class="font-size-tag">{{ $lang('common.currencySymbol') }}</text>
<text class="bold">{{ currCard.charge_rule_arr[choiceIndex].value }}</text>
<text>/{{ cardType[currCard.charge_rule_arr[choiceIndex].key].unit }}</text>
</view>
<view class="agreement" v-if="agreement">
购买既视为同意
{{ $lang('card.agreeTip') }}
<text @click="$util.redirectTo('/pages_tool/member/card_agreement')">《{{ agreement.title
}}》</text>
</view>
@@ -193,13 +193,13 @@
<uni-popup ref="explainPopup" type="bottom">
<view class="tips-layer">
<view class="head" @click="closeExplainPopup()">
<view class="title">会员卡说明</view>
<view class="title">{{ $lang('card.cardDesc') }}</view>
<text class="iconfont icon-close"></text>
</view>
<view class="body">
<view class="detail margin-bottom">
<block v-if="currCard.remark != ''">
<view class="tip">会员卡说明</view>
<view class="tip">{{ $lang('card.cardDesc') }}</view>
<view class="font-size-base">{{ currCard.remark }}</view>
</block>
</view>
@@ -211,7 +211,7 @@
<ns-payment ref="choosePaymentPopup" :payMoney="currCard.charge_rule_arr[choiceIndex].value"
@confirm="toPay" v-if="currCard.charge_rule_arr.length"></ns-payment>
</block>
<block v-else><ns-empty text="暂无可开会员卡" :isIndex="false"></ns-empty></block>
<block v-else><ns-empty :text="$lang('card.noAvailableCard')" :isIndex="false"></ns-empty></block>
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
@@ -248,20 +248,20 @@ export default {
levelId: 0,
cardType: {
week: {
name: '周卡',
unit: '周'
name: this.$lang('card.weekCard'),
unit: this.$lang('card.week')
},
month: {
name: '月卡',
unit: '月'
name: this.$lang('card.monthCard'),
unit: this.$lang('card.month')
},
quarter: {
name: '季卡',
unit: '季'
name: this.$lang('card.quarterCard'),
unit: this.$lang('card.quarter')
},
year: {
name: '年卡',
unit: '年'
name: this.$lang('card.yearCard'),
unit: this.$lang('card.year')
}
},
choiceIndex: 0,
@@ -349,8 +349,8 @@ export default {
create() {
if (this.memberInfo.member_level_type && this.memberInfo.member_level != this.currCard.level_id) {
uni.showModal({
title: '提示',
content: '您有尚未过期的会员卡，再次购卡会覆盖掉之前的卡，是否继续？',
title: this.$lang('form.tip'),
content: this.$lang('card.hasExpiredCard'),
success: res => {
if (res.confirm) {
this.$refs.choosePaymentPopup.open();
@@ -426,4 +426,4 @@ export default {
<style lang="scss">
@import './public/css/card.scss';
</style>
</style>