调整breadcrumb

src/locales/en.json

@@ -11,6 +11,10 @@
     "error": "Copy failed"
   },
   "list": {
+    "view": {
+      "gridMode": "Grid view",
+      "listMode": "List view"
+    },
     "auth": "Directory encryption, please enter password",
     "title": {
       "file": "File",

src/locales/zh-chs.json

@@ -11,6 +11,10 @@
     "error": "复制失败"
   },
   "list": {
+    "view": {
+      "gridMode": "网格视图",
+      "listMode": "列表视图"
+    },
     "auth": "目录加密，请输入密码",
     "title": {
       "file": "文件",

src/locales/zh-cht.json

@@ -11,6 +11,10 @@
     "error": "復制失敗"
   },
   "list": {
+    "view": {
+      "gridMode": "網格視圖",
+      "listMode": "列表視圖"
+    },
     "auth": "目錄加密，請輸入密碼",
     "title": {
       "file": "文件",

src/views/common/BreadCrumb.vue

@@ -25,11 +25,11 @@
         <div
           class="level-item"
           v-show="$route.meta.view==='list'"
-          :title="$route.meta.view==='list'?'列表视图':'网格视图'"
+          :title="listMode?$t('list.view.listMode'):$t('list.view.gridMode')"
           @click="changeView"
         >
           <span class="icon">
-            <i :class="'fa'+(listMode ? ' fa-th': ' fa-th-list')" aria-hidden="true"></i>
+            <i :class="'fa'+(listMode ? ' fa-th-list': ' fa-th')" aria-hidden="true"></i>
           </span>
         </div>
       </div>
@@ -45,7 +45,7 @@ export default {
     return {
       navs: [],
       index: "/",
-      listMode: true
+      listMode: false
     };
   },
   mounted () {
@@ -111,13 +111,13 @@ export default {
 }
 .level-right {
   .level-item {
-    border-radius: 50%;
+    // border-radius: 50%;
     // height: 40px;
     // width: 40px;
     &:hover {
-      border: 1px dotted transparent;
+      // border: 1px dotted transparent;
-      background: rgba(0, 0, 0, 0.12);
+      // background: rgba(0, 0, 0, 0.12);
-      text-decoration: none;
+      // text-decoration: none;
       cursor: pointer;
     }
   }