From d07c2414b1d7be4a0d601c10987589bd2db83598 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 22 五月 2024 10:16:48 +0800 Subject: [PATCH] 嵌入式 --- src/App.vue | 75 +++++++++++++++++++++++++++++++------ 1 files changed, 63 insertions(+), 12 deletions(-) diff --git a/src/App.vue b/src/App.vue index 1bd3cc2..f24ca81 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,25 +1,76 @@ <template> <div id="app"> - <tempBook></tempBook> + <childHealth v-if="activeBook.name == 'childHealth'"></childHealth> + <book v-if="activeBook.name == 'content'"></book> + <embedded v-if="activeBook.name == 'embedded'"></embedded> </div> </template> <script> -import tempBook from './books/childHealth/view/index.vue' +import childHealth from "./books/childHealth/view/index.vue"; +import book from "./books/content/index.vue"; +import embedded from "./books/embedded/view/index.vue"; export default { - name: 'App', + name: "App", components: { - tempBook - } -} + childHealth, + book, + embedded, + }, + data() { + return { + activeBook: {}, + }; + }, + async created() { + this.activeBook = await this.config.getBookConfig(); + console.log('鍥句功',this.activeBook); + if (this.$store.state.qiankun,this.$store.state.qiankun.getBookConfig) { + this.$store.state.qiankun.getBookConfig({ + bookConfig: this.activeBook, + }); + } + }, +}; </script> <style lang="less"> - #app { - max-width: 816px; - min-width: 375px; - margin: 0 auto; - padding-bottom: 100px; - } +html, +body { + width: 100%; + height: 100%; + margin: 0; +} +#app { + width: 100%; + height: 100%; +} +.highLight { + border: 1px dashed rgba(255, 255, 255, 0); + border-radius: 5px; + padding: 3px; + cursor: pointer; +} +.highLight:hover { + border: 1px dashed #949494 !important; +} + +.underline { + border: 1px dashed rgba(255, 255, 255, 0); + padding: 5px; + border-radius: 5px; + text-decoration: underline; + text-decoration-style: wavy; + text-underline-thickness: 2px; + cursor: pointer; +} +.underline:hover { + border: 1px dashed #949494 !important; +} + +.notesline { + padding-bottom: 2px; + border-bottom: 2px solid; +} </style> -- Gitblit v1.9.1