mmmn

src/components/Menu.vue

@@ -12,7 +12,7 @@
                 <div class="item" :class="{'selitem': j == selnum, 'seltop': j == selnum - 1, 'selbottom': j == selnum + 1}">
                     <div class="route">
                         <img :src="i.icon" alt="" class="icon">
-                        <div class="title">{{i.name}}</div>
+                        <div class="title">{{lan.$t(i.name)}}</div>
                     </div>
                     <img alt="" src="../static/images/jiantou.png" class="right">
                 </div>
@@ -24,7 +24,7 @@
                 <div class="route" @click="logout">
                     <img src="../static/images/tuichu.png" alt="" class="icon">
                     <div class="title">
-                        帐号退出
+                        {{lan.$t('tuichu')}}
                     </div>
                 </div>
             </div>
@@ -117,11 +117,13 @@
 <script lang="ts">
 import router from '@/router';
 import store from '@/store';
+import { useI18n } from '@/utils/i18n';
 import { computed, defineComponent, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
 export default defineComponent({
     setup(){
+        const lan: any = useI18n();
         interface MenuItem {
             icon: string;
             sleicon: string;
@@ -133,37 +135,37 @@ export default defineComponent({
             {  
                 icon: require("../static/images/wode1.png"),
                 sleicon:"",
-                name: "我的档案",
+                name: 'wodedangan',
                 route: "/mine/archives"
             },
             {  
                 icon: require("../static/images/xiayig.png"),
                 sleicon:"",
-                name: "发布直播",
+                name: 'fabuzhibo',
                 route: "/mine/webcast"
             },
             {  
                 icon: require("../static/images/shipin.png"),
                 sleicon:"shipin.png",
-                name: "上传视频",
+                name: 'shangchuanshipin',
                 route: "/mine/video"
             },
             {  
                 icon: require("../static/images/yinhangka.png"),
                 sleicon:"",
-                name: "我的钱包",
+                name: 'wodeqianbao',
                 route: "/mine/wallet"
             },
             {  
                 icon: require("../static/images/tongji.png"),
                 sleicon:"",
-                name: "列表统计",
+                name: 'liebiaotongji',
                 route: "/mine/liststatistic"
             },
             {  
                 icon: require("../static/images/bangzhu.png"),
                 sleicon:"",
-                name: "关于Beelink",
+                name: 'guanyu',
                 route: "/mine/aboutus"
             }
         ]
@@ -212,7 +214,8 @@ export default defineComponent({
             userinfo,
             logout,
             mouse,
-            tuichu
+            tuichu,
+            lan
         }
     }
 })

src/components/NavBottom.vue

@@ -2,7 +2,7 @@
     <div class="nav-bottom">
         <div class="nav-container" :style="color">
             <div v-for="(item, index) in navArray" :key="index" class="nav-item" @click="navto(item.route)">
-               <div :class="item.route==nowroute?'active':''">{{ item.name }}</div> 
+               <div :class="item.route==nowroute?'active':''">{{lan.$t(item.name)  }}</div> 
             </div>
         </div>
         <div class="copyright" :style="color">{{lan.$t("banquan")}}</div>
@@ -31,19 +31,19 @@ export default defineComponent({
         console.log(routes.path)
          const navArray: Array<Nav> = [
             {
-                name: lan.$t('zhiboguanli'),
+                name: 'zhiboguanli',
                 route: "/regime/live"
             },
             {
-                name: lan.$t('shipinguanli'),
+                name: 'shipinguanli',
                 route: "/regime/video"
             },
             {
-                name: lan.$t("dingyuezheguanli"),
+                name: 'dingyuezheguanli',
                 route: "/regime/subscriber"
             },
             {
-                name: lan.$t("gerenzhongxin"),
+                name: 'gerenzhongxin',
                 route: "/mine/archives"
             }
         ]

src/components/NavTop.vue

@@ -7,7 +7,7 @@
         </div>
         <div class="navigation">
             <div class="item" v-for="(i,j) in nav" :key="j" @click="navto(j)">
-                <div :class="i.route==nowroute?'active':''">{{i.name}}</div>
+                <div :class="i.route==nowroute?'active':''">{{lan.$t(i.name)}}</div>
             </div>
         </div>
         <div style="width: 100%"></div>
@@ -261,19 +261,19 @@ export default defineComponent({
         }
         const nav: Array<Nav> = [
             {
-                name: lan.$t('zhiboguanli'),
+                name: 'zhiboguanli',
                 route: "/regime/live"
             },
             {
-                name: lan.$t('shipinguanli'),
+                name: 'shipinguanli',
                 route: "/regime/video"
             },
             {
-                name: lan.$t("dingyuezheguanli"),
+                name:  'dingyuezheguanli',
                 route: "/regime/subscriber"
             },
             {
-                name: lan.$t("gerenzhongxin"),
+                name: 'gerenzhongxin',
                 route: "/mine/archives"
             }
         ]