From 68f4d6bdc893681a6e0bb1570aa1082001ce63f2 Mon Sep 17 00:00:00 2001 From: Anyon Date: Fri, 26 Nov 2021 13:16:52 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AD=97=E4=BD=93=E6=94=AF?= =?UTF-8?q?=E6=8C=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 6 +-- static/app.js | 21 ++++++---- static/app.less | 37 ------------------ static/template/index.vue | 4 +- static/template/layout.vue | 79 +++++++++++++++++++++++++++++++++++--- 5 files changed, 91 insertions(+), 56 deletions(-) delete mode 100644 static/app.less diff --git a/index.html b/index.html index 35f65085a..d4fa11ab2 100644 --- a/index.html +++ b/index.html @@ -24,11 +24,7 @@ - -
- -
- + \ No newline at end of file diff --git a/static/app.js b/static/app.js index c19222cd7..fab3d55fe 100644 --- a/static/app.js +++ b/static/app.js @@ -6,8 +6,8 @@ }, getFile(url) { return fetch(url).then(res => { - if (!res.ok) throw Object.assign(new Error(url + ' ' + res.statusText), {res}); - return res.text(); + if (res.ok) return res.text(); + throw Object.assign(new Error(url + ' ' + res.statusText), {res}); }); }, addStyle(textContent) { @@ -21,10 +21,6 @@ const loadVue = (vuePath) => loadModule(vuePath, options); const loadVueFile = (vuePath) => () => loadVue(vuePath); - const app = Vue.createApp({ - name: 'app', - components: {layout: await loadVue('./static/template/layout.vue')} - }); const router = VueRouter.createRouter({ routes: [], @@ -54,8 +50,19 @@ } }); - app.use(ElementPlus).use(router).mount("#app"); + window.app = Vue.createApp({ + name: 'app', + components: { + layout: await loadVue('./static/template/layout.vue'), + } + }); + // 全局字体文件 + const icons = await loadVue("https://unpkg.com/@element-plus/icons@0.0.11/lib/index.js"); + for (let i in icons) app.component(i, icons[i]); + + app.use(router).use(ElementPlus).mount(document.body); + })().catch(function (ex) { console.error(ex); }); \ No newline at end of file diff --git a/static/app.less b/static/app.less deleted file mode 100644 index 6a0f93adf..000000000 --- a/static/app.less +++ /dev/null @@ -1,37 +0,0 @@ -html, body, #app { - height: 100%; - display: block; - margin: 0; - padding: 0; -} - -#app > .el-container { - height: 100%; - - > .el-header { - color: #fff; - background: #0d84ff; - line-height: 60px; - } - - > .el-container { - - > .el-aside { - background: #53a8ff; - } - - > .el-container { - - > .el-main { - background: gray; - } - - > .el-footer { - color: #fff; - background: #333; - line-height: 60px; - } - - } - } -} \ No newline at end of file diff --git a/static/template/index.vue b/static/template/index.vue index f426e5c4b..4e0045085 100644 --- a/static/template/index.vue +++ b/static/template/index.vue @@ -1,12 +1,14 @@