国际化

src/pages/modules/home.vue

@@ -15,10 +15,10 @@ export default {
   data () {
     return {
       nav: [
-        {title: '操作', zh_title: '操作', en_title: 'Task', router: '/index/device'},
-        {title: '建图', zh_title: '建图', en_title: 'Fault', router: ''},
-        {title: '取消任务', zh_title: '取消任务', en_title: 'Teach', router: ''},
-        {title: '地图', zh_title: '地图', en_title: 'Teach', router: ''}
+        {title: '操作', zh_title: '操作', en_title: 'Operation', router: '/index/device'},
+        {title: '建图', zh_title: '建图', en_title: 'Map building', router: ''},
+        {title: '取消任务', zh_title: '取消任务', en_title: 'Cancel task', router: ''},
+        {title: '地图', zh_title: '地图', en_title: 'Map', router: ''}
       ],
       disabled: false
     }
@@ -99,4 +99,8 @@ export default {
 .nav_item_4
   .nav_icon
     background #80372D center center / 70% auto url(../../images/new/RF4.png) no-repeat
+.enClass
+  .nav_item_i
+    p
+      font-size 0.24rem
 </style>

src/pages/modules/login/login.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="zbox relative body-container" :class="{'enClass': selectType === 'en-us'}">
+  <div class="zbox relative body-container" :class="{'enClass': $i18n.locale === 'en-us'}">
     <div class="absolute login-header">
       <div class="zbox relative login_logo"></div>
     </div>
@@ -72,7 +72,6 @@ export default {
   },
   data () {
     return {
-      selectType: '',
       tab: 0,
       username: this.$store.getters.defaultUsername,
       password: this.$store.getters.defaultPassword,
@@ -88,14 +87,6 @@ export default {
       }
     }
   },
-  created () {
-    this.$store.dispatch('materObj', {})
-    if (this.$i18n.locale === 'zh-cn') {
-      this.selectType = 'zh-cn'
-    } else if (this.$i18n.locale === 'en-us') {
-      this.selectType = 'en-us'
-    }
-  },
   mounted () {
     // 点对点项目分辨率 1024 * 768
     // alert(document.body.clientWidth, 'a')