调整英文列名，添加bulma-divider

package-lock.json

@@ -2708,6 +2708,11 @@
       "resolved": "https://registry.npm.taobao.org/bulma/download/bulma-0.8.2.tgz",
       "integrity": "sha1-XZKPFu1KhFScKHP5XJLDjGnGMac="
     },
+    "bulma-divider": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npm.taobao.org/bulma-divider/download/bulma-divider-0.2.0.tgz",
+      "integrity": "sha1-qbTZ/osnDHy3VzAjxXUGK8YmFvM="
+    },
     "bytes": {
       "version": "3.1.0",
       "resolved": "https://registry.npm.taobao.org/bytes/download/bytes-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbytes%2Fdownload%2Fbytes-3.1.0.tgz",

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "axios": "^0.19.2",
     "bulma": "^0.8.2",
+    "bulma-divider": "^0.2.0",
     "core-js": "^3.6.4",
     "element-ui": "^2.13.1",
     "feb-alive": "^1.0.9",

src/assets/style/theme/acrou/index.scss

@@ -168,4 +168,16 @@ body {
   border: 5px solid transparent;
   position: absolute;
   left: 7px;
+}
+
+
+// bulma-divider
+.is-divider,
+.is-divider-vertical {
+  border-top: .1rem solid #f5f5f5;
+}
+
+.is-divider-vertical[data-content]::after,
+.is-divider[data-content]::after {
+  color: #919191;
 }

src/assets/style/theme/register.scss

@@ -1,4 +1,4 @@
 @charset "utf-8";
 @import 'bulma';
-// @import 'bulma-pageloader';
+@import 'bulma-divider';
 @import '~@/assets/style/theme/acrou/index.scss';

src/locales/en.json

@@ -1,7 +1,7 @@
 {
   "_name": "🇬🇧English",
   "languages": "Languages",
-  "index": "Index",
+  "index": "Home",
   "folder": "Folder",
   "notify": {
     "title": "Notify"
@@ -20,7 +20,7 @@
       "file": "File",
       "moditime": "Modified Time",
       "size": "Size",
-      "operation": "Operation"
+      "operation": "Actions"
     },
     "loading": "Loading...",
     "opt": {

src/views/common/BreadCrumb.vue

@@ -104,7 +104,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .g2-breadcrumb {
-  border-bottom: 2px solid whitesmoke;
+  border-bottom: 2px solid #f5f5f5;
   // height: 100%;
   padding: 10px 0.75em;
 }

src/views/page/GoList.vue

@@ -32,12 +32,12 @@
           <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
           <span class="sr-only">Loading...</span>
         </div>
-        <span v-if="page.page_token === null && files.length !== 0" class="tag">
+        <!-- <span v-if="page.page_token === null && files.length !== 0" class="tag">
           {{ $t("list.total") }} {{ files.length }} {{ $t("list.item") }}
-        </span>
+        </span> -->
       </center>
     </div>
-    <hr />
+    <div class="is-divider" :data-content="$t('list.total')+' '+files.length+' ' + $t('list.item')"></div>
     <readmemd :option="readmemd" v-if="readmemd.display"></readmemd>
 
     <viewer