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