feat: 我的页面 多语言配置

src/locale/en.json

@@ -16,6 +16,24 @@
   "search.filterSellers": "Best Sellers",
   "app.name": "En Title",
   "income.title": "Revenue Center",
+  "mine.auth.register": "Register",
+  "mine.auth.login": "Login",
+  "mine.wallet.title": "BandhuBuy Wallet",
+  "mine.wallet.balance": "Wallet Balance",
+  "mine.wallet.recharge": "Recharge",
+  "mine.wallet.discount": "Highest Discount 5%",
+  "mine.group.title": "My Group",
+  "mine.group.all": "All Group",
+  "mine.group.toPay": "To Pay",
+  "mine.group.success": "Success",
+  "mine.group.failed": "Failed",
+  "mine.group.reward": "Reward",
+  "mine.menu.profile": "My Profile",
+  "mine.menu.address": "Address Book",
+  "mine.menu.share": "Share",
+  "mine.menu.favorite": "My Favorite",
+  "mine.menu.chat": "Live Chat",
+  "mine.menu.activity": "Activity Group",
   "income.totalEarnings": "Total Earnings",
   "income.accountBalance": "Account Balance",
   "income.settledAmount": "Settled Amount",

src/locale/zh-Hans.json

@@ -5,6 +5,24 @@
   "home.bestSellers": "热销商品",
   "home.topChampions": "顶级冠军",
   "home.news": "新品",
+  "mine.auth.register": "注册",
+  "mine.auth.login": "登录",
+  "mine.wallet.title": "BandhuBuy钱包",
+  "mine.wallet.balance": "钱包余额",
+  "mine.wallet.recharge": "充值",
+  "mine.wallet.discount": "最高优惠5%",
+  "mine.group.title": "我的团队",
+  "mine.group.all": "全部团队",
+  "mine.group.toPay": "待支付",
+  "mine.group.success": "成功",
+  "mine.group.failed": "失败",
+  "mine.group.reward": "奖励",
+  "mine.menu.profile": "我的资料",
+  "mine.menu.address": "地址簿",
+  "mine.menu.share": "分享",
+  "mine.menu.favorite": "我的收藏",
+  "mine.menu.chat": "在线客服",
+  "mine.menu.activity": "活动群组",
   "home.priceTab.allPrice": "全部价格",
   "home.priceTab.300spot": "300积分",
   "home.priceTab.500spot": "500积分",

src/pages.json

@@ -76,7 +76,7 @@
       "layout": "default",
       "needLogin": true,
       "style": {
-        "navigationBarTitleText": "Revenue Center",
+        "navigationBarTitleText": "%income.title%",
         "navigationBarBackgroundColor": "#fff"
       }
     },

src/pages/mine/mine.vue

@@ -10,6 +10,7 @@
 
 <script lang="ts" setup>
 import { getWalletAccountInfo } from '@/api/wallet'
+import { t } from '@/locale'
 import { useUserStore } from '@/store/user'
 import { formatNumber } from '@/utils'
 import { toPage } from '@/utils/page'
@@ -36,19 +37,19 @@ const userInfo = computed(() => {
 })
 
 const groupList = ref([
-  { name: 'To Pay', url: `/pages/myOrders/myOrders`, type: 1, icon: '/static/icons/to-pay.png' },
-  { name: 'Success', url: `/pages/myOrders/myOrders`, type: 2, icon: '/static/icons/success.png' },
-  { name: 'Failed', url: `/pages/myOrders/myOrders`, type: 3, icon: '/static/icons/failed.png' },
-  { name: 'Reward', url: `/pages/myOrders/myOrders`, type: 4, icon: '/static/icons/reward.png' },
+  { name: t('mine.group.toPay'), url: `/pages/myOrders/myOrders`, type: 1, icon: '/static/icons/to-pay.png' },
+  { name: t('mine.group.success'), url: `/pages/myOrders/myOrders`, type: 2, icon: '/static/icons/success.png' },
+  { name: t('mine.group.failed'), url: `/pages/myOrders/myOrders`, type: 3, icon: '/static/icons/failed.png' },
+  { name: t('mine.group.reward'), url: `/pages/myOrders/myOrders`, type: 4, icon: '/static/icons/reward.png' },
 ])
 
 const menuList = ref([
-  { name: 'My Profile', url: '/pages/mine/myProfile', icon: '/static/icons/my-profile.png' },
-  { name: 'Address Book', url: '/pages/mine/addressBook', icon: '/static/icons/address-book.png' },
-  { name: 'Share', url: '/pages/mine/share', icon: '/static/icons/share.png' },
-  { name: 'My Favorite', url: '/pages/mine/myFavorite', icon: '/static/icons/my-favorite.png' },
-  { name: 'Live Chat', url: '', icon: '/static/icons/live-chat.png' },
-  { name: 'Activity Group', url: '', icon: '/static/icons/activity-group.png' },
+  { name: t('mine.menu.profile'), url: '/pages/mine/myProfile', icon: '/static/icons/my-profile.png' },
+  { name: t('mine.menu.address'), url: '/pages/mine/addressBook', icon: '/static/icons/address-book.png' },
+  { name: t('mine.menu.share'), url: '/pages/mine/share', icon: '/static/icons/share.png' },
+  { name: t('mine.menu.favorite'), url: '/pages/mine/myFavorite', icon: '/static/icons/my-favorite.png' },
+  { name: t('mine.menu.chat'), url: '', icon: '/static/icons/live-chat.png' },
+  { name: t('mine.menu.activity'), url: '', icon: '/static/icons/activity-group.png' },
 ])
 const walletInfo = ref<any>({})
 async function getWalletInfo() {
@@ -81,10 +82,10 @@ onShow(() => {
       <!-- 未登录 -->
       <view v-else class="ml-24rpx flex items-center">
         <wd-button size="small" custom-class="mr-20rpx! bg-transparent!" plain @click="toPage('/pages/register/register')">
-          Register
+          {{ t('mine.auth.register') }}
         </wd-button>
         <wd-button size="small" @click="toPage('/pages/login/login')">
-          Login
+          {{ t('mine.auth.login') }}
         </wd-button>
       </view>
     </view>
@@ -92,7 +93,7 @@ onShow(() => {
   </view>
   <view class="relative rounded-tl-24rpx rounded-tr-24rpx bg-white px-24rpx pb-24rpx pt-28rpx -top-24rpx">
     <view class="mb-18rpx text-32rpx">
-      BandhuBuy Wallet
+      {{ t('mine.wallet.title') }}
     </view>
     <view
       class="flex items-center justify-between rounded-12rpx bg-[rgba(var(--wot-color-theme-rgb),0.1)] px-16rpx py-22rpx"
@@ -101,7 +102,7 @@ onShow(() => {
         <wd-img width="84rpx" height="84rpx" round src="/static/icons/wallet-balance.png" />
         <view class="ml-18rpx">
           <view class="text-22rpx text-#595959">
-            Wallet Balance
+            {{ t('mine.wallet.balance') }}
           </view>
           <view class="text-44rpx text-[var(--wot-color-theme)] font-bold">
             {{ formatNumber(walletInfo.balance) }}
@@ -110,10 +111,10 @@ onShow(() => {
       </view>
       <view class="flex flex-col items-end">
         <wd-button size="small" @click="toPage('/pages/wallet/recharge')">
-          Recharge
+          {{ t('mine.wallet.recharge') }}
         </wd-button>
         <view class="mt-10rpx text-20rpx text-#595959">
-          Highest Discount 5%
+          {{ t('mine.wallet.discount') }}
         </view>
       </view>
     </view>
@@ -121,11 +122,11 @@ onShow(() => {
   <view class="mb-20rpx bg-white px-24rpx pb-32rpx pt-26rpx">
     <view class="mb-24rpx flex items-center justify-between">
       <text class="text-32rpx font-bold">
-        My Group
+        {{ t('mine.group.title') }}
       </text>
       <view class="flex items-center" @click="toPage('/pages/myOrders/myOrders')">
         <text class="mr-8rpx text-22rpx text-#3A444C">
-          All Group
+          {{ t('mine.group.all') }}
         </text>
         <wd-icon name="chevron-right" size="28rpx" />
       </view>