顶部中英文切换

src/i18n/langs/en.js

@@ -124,6 +124,10 @@ module.exports = {
     username: 'User name',
     number: 'S/N',
     operate: 'Operate',
-    remark: 'Remark'
+    remark: 'Remark',
+    changepassword: 'Change password',
+    exit: 'Exit',
+    oldpassword: 'Old password',
+    newpassword: 'New password'
   }
 }

src/i18n/langs/zh.js

@@ -124,6 +124,10 @@ module.exports = {
     username: '用户名',
     number: '序号',
     operate: '操作',
-    remark: '备注'
+    remark: '备注',
+    changepassword: '修改密码',
+    exit: '退出',
+    oldpassword: '旧的密码',
+    newpassword: '新的密码'
   }
 }

src/pages/shells/index/index.vue

@@ -33,8 +33,8 @@
         </div>
         <div v-show="dropdown" class="header_dropdown_wraper">
           <ul>
-            <li @click="showDialog">修改密码</li>
-            <li @click="toEixt">退出</li>
+            <li @click="showDialog">{{ $t('common.changepassword') }}</li>
+            <li @click="toEixt">{{ $t('common.exit') }}</li>
           </ul>
           <div class="popper__arrow"></div>
         </div>
@@ -507,9 +507,9 @@ export default {
     width 100%
     li
       width 100%
-      _font(30px, 80px, #fff,,center)
-      padding 0 10px
-      &:hover
+      _font(30px, 80px, #fff,,)
+      padding 0 20px
+      &:first-child
         color #3CC1FF
 .popper__arrow
   position absolute
@@ -600,4 +600,6 @@ export default {
     white-space pre-line
   .state-item
     font-size 12px
+  .header_dropdown_wraper
+    width 300px
 </style>