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

View File

@ -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",
},
},
];

View File

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

View File

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

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>