页面修改

src/components/global/Nav.vue

@@ -4,13 +4,13 @@
       <div class="personDiv">
         <el-popover placement="bottom" trigger="click">
           <ul>
-            <li @click="showUpdateBoard()" style="cursor: pointer;margin-top:12px">
+            <li @click="showUpdateBoard()" style="cursor: pointer;margin-top:12px" title="修改资料">
               <i style="color:#FFA475" class="iconfont iconxiugaiziliao"></i>
-              <span style="margin-left:6px">修改资料</span>
+              <span style="margin-left:6px">資料を修正する</span>
             </li>
-            <li @click="LoginOut" style="cursor: pointer;margin-top:12px">
+            <li @click="LoginOut" style="cursor: pointer;margin-top:12px" title="退出登录">
               <i style="color:#FFA475" class="iconfont icontuichudenglu"></i>
-              <span style="margin-left:6px">退出登录</span>
+              <span style="margin-left:6px">ログアウト</span>
             </li>
           </ul>
           <span slot="reference" style="display: inline-flex;align-items: center;cursor: pointer;">
@@ -25,22 +25,23 @@
     </div>
     <div class="BigmenuDiv" :style='{"height":menuheight+"px"}'>
       <el-menu :unique-opened="true" :default-active="defaulActive" class="el-menu-vertical-demo">
-        <el-menu-item index="0" route="/home">
+        <el-menu-item index="0" route="/home" title="首页">
           <div @click="goHome" class="menuDiv">
             <i class="iconfont icon-shouye"></i>
-            <span slot="title">首页</span>
+            <span slot="title">トップページ</span>
           </div>
         </el-menu-item>
-        <el-menu-item index="1">
+        <el-menu-item index="1" title="酒店列表">
           <div @click="goUrl('HotelList')" class="menuDiv">
             <i class="iconfont icon-shouye"></i>
-            <span slot="title">酒店列表</span>
+            <span slot="title">ホテル一覧
+            </span>
           </div>
         </el-menu-item>
-        <el-menu-item index="2">
+        <el-menu-item index="2" title="酒店订单">
           <div @click="goUrl('HotelOrder')" class="menuDiv">
             <i class="iconfont icon-shouye"></i>
-            <span slot="title">酒店订单</span>
+            <span slot="title">ホテル注文</span>
           </div>
         </el-menu-item>
       </el-menu>
@@ -75,7 +76,18 @@
     },
     watch: {
       $route() {
-        this.defaulActive = this.$route.path
+        console.log("this.$route.path", this.$route.path);
+        switch (this.$route.path) {
+          case "/Home":
+            this.defaulActive = 0;
+            break;
+          case "/HotelList":
+            this.defaulActive = 1;
+            break;
+          case "/HotelOrder":
+            this.defaulActive = 2;
+            break;
+        }
       },
     },
     methods: {
@@ -215,8 +227,8 @@
   }
 
   .HeadNav .HeadImg {
-    width: 50px;
-    height: 50px;
+    width: 80px;
+    height: 80px;
     border-radius: 50%
   }