多语言

src/layout/personal/navBar.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div
+    <v-toolbar
       class="banner"
       density="compact"
       style="padding-left: 0px;height: 50px;font-size: 14px;"
@@ -29,23 +29,24 @@
               <a href="">我要找工作</a>
               <a href="">我要招聘</a>
             </span>
-            <v-btn class="half-button" color="primary" size="small" @click="handleLogin">登录/注册</v-btn>
+            <v-btn class="half-button" border color="primary" size="small" @click="handleLogin">登录/注册</v-btn>
             <v-menu>
               <template v-slot:activator="{ props }">
                 <v-btn
                   class="ml-3"
                   icon="mdi-translate"
-                  size="x-small"
-                  color="primary"
+                  size="small"
                   v-bind="props"
                 >
                 </v-btn>
               </template>
-              <v-list density="compact" >
+              <v-list density="compact">
                 <v-list-item
                   v-for="item in localeStore.localeMap"
                   :key="item.name"
-                  :value="item.name"
+                  :value="item.lang"
+                  :active="localeStore.currentLocale.lang === item.lang"
+                  @click="localeStore.setCurrentLocale(item)"
                 >
                   <v-list-item-title>{{ item.name }}</v-list-item-title>
                 </v-list-item>
@@ -73,7 +74,7 @@
           </v-menu>
         </div>
       </div>
-    </div>
+    </v-toolbar>
     <Dialog :visible="show" :footer="true" title="企业注册" widthType="1" @close="show = false">
       <enterpriseRegister ref="enterpriseRegisterRef"></enterpriseRegister>
     </Dialog>