From 3e17c0d3c0e94602376dec43b9dd55e1abb094d0 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 22 五月 2024 16:28:58 +0800
Subject: [PATCH] 挂载全局教材配置信息，增加主题色应用
---
src/App.vue | 77 +++++++++++++++++++++++++++++++++-----
1 files changed, 66 insertions(+), 11 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 85e1e12..e0274e7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,24 +1,79 @@
<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>
+ <english v-if="activeBook.name == 'english'"></english>
</div>
</template>
<script>
-import tempBook from './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";
+import english from "./books/English/view/index.vue"
export default {
- name: 'App',
+ name: "App",
components: {
- tempBook
- }
-}
+ childHealth,
+ book,
+ embedded,
+ english
+ },
+ data() {
+ return {
+ activeBook: {},
+ };
+ },
+ async created() {
+ this.activeBook = this.thisBookConfig;
+ 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 {
- width: 816px;
- 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