blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

中间学习性代码

Browse Source
This commit is contained in:
邹景立 2021-11-28 22:19:40 +08:00
parent 4e2ebb8ba7
commit a73be5a0c4
4 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
static/app.js
View File

@ -27,26 +27,23 @@
const loadVueFile = (vuePath) => () => loadVue(vuePath); const loadVueFile = (vuePath) => () => loadVue(vuePath);
const router = VueRouter.createRouter({ const router = VueRouter.createRouter({
routes: [], routes: [], history: VueRouter.createWebHashHistory(),
history: VueRouter.createWebHashHistory(),
}); });
router.beforeEach(function (to, fr, next) { router.beforeEach(function (to, fr, next) {
let page = to.fullPath; let page = to.fullPath;
if (to.fullPath === '/') { if (to.fullPath === '/') {
page = './static/template/pages/one.vue'; page = './static/template/pages/one.vue';
} }
page = page.replace(/-/g, '/'); page = page.replace(/-/g, '/');
console.log('before', page)
const name = page.replace(/[.\/]+/g, '_'); const name = page.replace(/[.\/]+/g, '_');
if (router.hasRoute(name)) { if (router.hasRoute(name)) {
next(); next();
} else { } else {
router.addRoute({name: name, path: to.fullPath, component: loadVueFile(page)}); router.addRoute({name: name, path: to.fullPath, component: loadVueFile(page)});
// component: Vue.defineAsyncComponent(() => loadVue(page))
next({name: name}); next({name: name});
} }
}); });
@ -58,12 +55,15 @@
} }
}); });
window.$think = Vue.createApp({ // window.$think = Vue.createApp({
name: 'ThinkAdmin', // // name: 'ThinkAdmin',
components: { // components: {
layout: await loadVue('./static/template/layout.vue'), // layout: await loadVue('./static/template/layout.vue'),
} // }
}); // });
window.$think = Vue.createApp(Vue.defineAsyncComponent(() => loadVue('./static/template/layout.vue')));
// 全局字体文件 // 全局字体文件
// const icons = await loadVue("https://unpkg.com/@element-plus/icons@0.0.11/lib/index.js"); // const icons = await loadVue("https://unpkg.com/@element-plus/icons@0.0.11/lib/index.js");

2
static/template/pages/one.vue
View File

@ -2,7 +2,7 @@
<el-container> <el-container>
<el-header> <el-header>
<el-row justify="space-between"> <el-row justify="space-between">
<el-col :span="12">页面标题 - 导航条 - ONE-PAGE</el-col> <el-col :span="12">Item-One-Page</el-col>
<el-col :span="12" style="text-align:right"> <el-col :span="12" style="text-align:right">
<el-button>功能按钮1</el-button> <el-button>功能按钮1</el-button>
<el-button>功能按钮2</el-button> <el-button>功能按钮2</el-button>

2
static/template/pages/thr.vue
View File

@ -2,7 +2,7 @@
<el-container> <el-container>
<el-header> <el-header>
<el-row justify="space-between"> <el-row justify="space-between">
<el-col :span="12">页面标题 - 导航条 - Three-PAGE</el-col> <el-col :span="12">Item-Three-Page</el-col>
<el-col :span="12" style="text-align:right"> <el-col :span="12" style="text-align:right">
<el-button>功能按钮1</el-button> <el-button>功能按钮1</el-button>
<el-button>功能按钮2</el-button> <el-button>功能按钮2</el-button>

2
static/template/pages/two.vue
View File

@ -2,7 +2,7 @@
<el-container> <el-container>
<el-header> <el-header>
<el-row justify="space-between"> <el-row justify="space-between">
<el-col :span="12">页面标题 - 导航条 - TWO-PAGE</el-col> <el-col :span="12">Item-Two-Page</el-col>
<el-col :span="12" style="text-align:right"> <el-col :span="12" style="text-align:right">
<el-button>功能按钮1</el-button> <el-button>功能按钮1</el-button>
<el-button>功能按钮2</el-button> <el-button>功能按钮2</el-button>