🎨Beautify pages
This commit is contained in:
parent
8782b4396e
commit
f61399b774
@ -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' },
|
||||
]
|
@ -3,56 +3,67 @@ 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'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: "/:id(\\d+)::cmd(image)/:path",
|
||||
component: _import("page/GoImg"),
|
||||
meta: {
|
||||
...meta,
|
||||
view: 'image'
|
||||
}
|
||||
view: "video",
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: "",
|
||||
component: _import("page/GoVideo"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
|
@ -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>
|
||||
|
@ -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"
|
||||
|
@ -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>
|
14
src/views/page/GoView.vue
Normal file
14
src/views/page/GoView.vue
Normal file
@ -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>
|
Loading…
Reference in New Issue
Block a user