🎨Beautify pages

This commit is contained in:
Aicirou 2020-06-22 23:03:43 +08:00
parent 8782b4396e
commit f61399b774
6 changed files with 50 additions and 93 deletions

View File

@ -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: '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', 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: '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: '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: '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://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@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/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' },
] ]

View File

@ -3,56 +3,67 @@ const _import = require("@/libs/util.import." + process.env.NODE_ENV);
const meta = { const meta = {
// keepAlive: true // keepAlive: true
disableCache: false disableCache: false,
} };
const frameIn = [{ const frameIn = [
{
path: "/:id(\\d+)::cmd(text)/:path", path: "/:id(\\d+)::cmd(text)/:path",
component: _import("page/GoText"), component: _import("page/GoView"),
meta: { meta: {
...meta, ...meta,
view: 'text' view: "text",
} },
children: [
{
path: "",
component: _import("page/GoText"),
},
],
}, },
{ {
path: "/:id(\\d+)::cmd(pdf)/:path", path: "/:id(\\d+)::cmd(pdf)/:path",
component: _import("page/GoPdf"), component: _import("page/GoView"),
meta: { meta: {
...meta, ...meta,
view: 'pdf' view: "pdf",
} },
children: [
{
path: "",
component: _import("page/GoPdf"),
},
],
}, },
{ {
path: "/:id(\\d+)::cmd(video)/:path", path: "/:id(\\d+)::cmd(video)/:path",
component: _import("page/GoVideo"), component: _import("page/GoView"),
meta: { meta: {
...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=)*", path: "/:id(\\d+)::cmd(search)(/?q=)*",
component: _import("page/GoList"), component: _import("page/GoList"),
meta: { meta: {
...meta, ...meta,
view: 'list' view: "list",
} },
}, },
{ {
path: "/:id(\\d+):/:path*", path: "/:id(\\d+):/:path*",
component: _import("page/GoList"), component: _import("page/GoList"),
meta: { meta: {
...meta, ...meta,
view: 'list' view: "list",
} },
}, },
]; ];

View File

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

View File

@ -61,15 +61,6 @@
</div> </div>
</div> </div>
<header-locales /> <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 /> <header-setting />
<a <a
class="navbar-item is-hidden-desktop" class="navbar-item is-hidden-desktop"

View File

@ -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
View 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>