🎨Beautify pages

dependencies-cdn.js

@@ -9,18 +9,9 @@ module.exports = [
   { name: 'js-cookie', library: 'Cookies', js: 'https://cdn.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js', css: '' },
   { name: 'lowdb', library: 'low', js: 'https://cdn.jsdelivr.net/npm/lowdb@1.0.0/dist/low.min.js', css: '' },
   { name: 'lowdb/adapters/LocalStorage', library: 'LocalStorage', js: 'https://cdn.jsdelivr.net/npm/lowdb@1.0.0/dist/LocalStorage.min.js', css: '' },
-  // { name: 'brace', library: 'ace', js: 'https://cdn.jsdelivr.net/npm/brace@0.11.1/index.min.js', css: '' },
-  // { name: 'brace/ext/language_tools', library: 'language_tools', js: ' https://cdn.jsdelivr.net/npm/brace@0.11.1/ext/language_tools.js', css: '' },
-  // { name: 'brace/mode/html', library: 'html', js: ' https://cdn.jsdelivr.net/npm/brace@0.11.1/mode/html.js', css: '' },
-  // { name: 'brace/mode/javascript', library: 'javascript', js: ' https://cdn.jsdelivr.net/npm/brace@0.11.1/mode/javascript.js', css: '' },
-  // { name: 'brace/mode/less', library: 'less', js: ' https://cdn.jsdelivr.net/npm/brace@0.11.1/mode/less.js', css: '' },
-  // { name: 'brace/theme/chrome', library: 'chrome', js: ' https://cdn.jsdelivr.net/npm/brace@0.11.1/theme/chrome.js', css: '' },
-  // { name: 'brace/snippets/javascript', library: 'javascript', js: ' https://cdn.jsdelivr.net/npm/brace@0.11.1/snippets/javascript.js', css: '' },
-  // { name: 'vue2-ace-editor', library: 'Vue2ACEEditor', js: 'https://cdn.jsdelivr.net/npm/vue2-ace-editor@0.0.15/index.min.js', css: '' },
   { name: 'markdown-it', library: 'markdownit', js: 'https://cdn.jsdelivr.net/npm/markdown-it@10.0.0/dist/markdown-it.min.js', css: '' },
   { name: '', library: '', js: 'https://at.alicdn.com/t/font_1760192_axq33n6snd.js', css: '' },
   { name: '', library: '', js: '', css: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css' },
   { name: '', library: '', js: '', css: 'https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css' },
   { name: '', library: '', js: '', css: 'https://cdn.jsdelivr.net/npm/font-awesome-animation@0.2.1/dist/font-awesome-animation.min.css' },
-  // { name: '', library: '', js: '', css: 'https://cdn.jsdelivr.net/npm/bulma-pageloader@0.3.0/dist/css/bulma-pageloader.min.css' },
 ]

src/router/routes.js

@@ -3,57 +3,68 @@ const _import = require("@/libs/util.import." + process.env.NODE_ENV);
 
 const meta = {
   // keepAlive: true
-  disableCache: false
+  disableCache: false,
-}
+};
 
-const frameIn = [{
+const frameIn = [
+  {
     path: "/:id(\\d+)::cmd(text)/:path",
-    component: _import("page/GoText"),
+    component: _import("page/GoView"),
     meta: {
       ...meta,
-      view: 'text'
+      view: "text",
-    }
+    },
+    children: [
+      {
+        path: "",
+        component: _import("page/GoText"),
+      },
+    ],
   },
   {
     path: "/:id(\\d+)::cmd(pdf)/:path",
-    component: _import("page/GoPdf"),
+    component: _import("page/GoView"),
     meta: {
       ...meta,
-      view: 'pdf'
+      view: "pdf",
-    }
+    },
+    children: [
+      {
+        path: "",
+        component: _import("page/GoPdf"),
+      },
+    ],
   },
   {
     path: "/:id(\\d+)::cmd(video)/:path",
-    component: _import("page/GoVideo"),
+    component: _import("page/GoView"),
     meta: {
       ...meta,
-      view: 'video'
+      view: "video",
-    }
+    },
-  },
+    children: [
-  {
+      {
-    path: "/:id(\\d+)::cmd(image)/:path",
+        path: "",
-    component: _import("page/GoImg"),
+        component: _import("page/GoVideo"),
-    meta: {
+      },
-      ...meta,
+    ],
-      view: 'image'
-    }
   },
   {
     path: "/:id(\\d+)::cmd(search)(/?q=)*",
     component: _import("page/GoList"),
     meta: {
       ...meta,
-      view: 'list'
+      view: "list",
-    }
+    },
   },
   {
     path: "/:id(\\d+):/:path*",
     component: _import("page/GoList"),
     meta: {
       ...meta,
-      view: 'list'
+      view: "list",
-    }
+    },
   },
 ];
 
-export default frameIn;
+export default frameIn;

src/views/Layout.vue

@@ -3,11 +3,9 @@
     <Head></Head>
     <section class="section">
       <div class="container">
-        <!-- <keep-alive> -->
         <feb-alive>
           <router-view></router-view>
         </feb-alive>
-        <!-- </keep-alive> -->
         <Footer></Footer>
       </div>
     </section>

src/views/common/Navbar.vue

@@ -61,15 +61,6 @@
             </div>
           </div>
           <header-locales />
-          <a
-            class="navbar-item"
-            target="_blank"
-            rel="noopener"
-            title="View on github"
-            href="https://github.com/Aicirou/goindex-theme-acrou"
-          >
-            <i class="fab fa-github"></i>
-          </a>
           <header-setting />
           <a
             class="navbar-item is-hidden-desktop"

src/views/page/GoImg.vue

@@ -1,48 +0,0 @@
-<template>
-  <div class="content g2-content">
-    <figure class="image">
-      <img :src="imgurl" :class="!display?'is-hidden':''" @load="loading" />
-      <center :class="display?'is-hidden':''">
-        <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
-        <span class="sr-only">Loading...</span>
-      </center>
-    </figure>
-    <hr />
-  </div>
-</template>
-
-<script>
-import { decode64 } from "@utils/AcrouUtil";
-export default {
-  data: function() {
-    return {
-      imgurl: "",
-      display: false
-    };
-  },
-  computed: {
-    url() {
-      if (this.$route.params.path) {
-        return decode64(this.$route.params.path);
-      }
-      return ''
-    }
-  },
-  activated() {
-    this.render();
-  },
-  methods: {
-    render() {
-      let path = this.url;
-      // 便于开发环境调试
-      // path = process.env.NODE_ENV === "development" ? "/api" + path : "";
-      this.imgurl = path;
-    },
-    loading(event) {
-      if (event.target.complete == true) {
-        this.display = true;
-      }
-    }
-  }
-};
-</script>

src/views/page/GoView.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    <bread-crumb ref="breadcrumb"></bread-crumb>
+    <router-view></router-view>
+  </div>
+</template>
+<script>
+import BreadCrumb from "../common/BreadCrumb";
+export default {
+  components: {
+    BreadCrumb,
+  },
+};
+</script>