From 56cdf07f8496685ba906ea75e7eb2faebb35371b Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 06 十一月 2024 17:04:11 +0800 Subject: [PATCH] 加入富文本编辑器 --- src/App.vue | 96 +++++++++++++++++++++++++++--------------------- 1 files changed, 54 insertions(+), 42 deletions(-) diff --git a/src/App.vue b/src/App.vue index accd2dd..90366c4 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,33 +3,32 @@ <childHealth v-if="activeBook.name == 'childHealth'"></childHealth> <lifeCare v-if="activeBook.name == 'lifeCare'"></lifeCare> <embedded v-if="activeBook.name == 'embedded'"></embedded> - <english v-if="activeBook.name == 'english'"> </english> - <sportsAndHealth - v-if="activeBook.name == 'sportsAndHealth'" - ></sportsAndHealth> + <english v-if="activeBook.name == 'english'"></english> + <sportsAndHealth v-if="activeBook.name == 'sportsAndHealth'"></sportsAndHealth> <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance> - <mathBook v-if="activeBook.name == 'math'"></mathBook> + <artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama> + <mathBook v-if="activeBook.name == 'mathBook'"></mathBook> + <botany v-if="activeBook.name == 'botany'"></botany> + <civilAviation v-if="activeBook.name == 'civilAviation'"></civilAviation> + <civilAviationServices v-if="activeBook.name == 'civilAviationServices'"></civilAviationServices> </div> </template> <script> -import childHealth from "./books/childHealth/view/index.vue"; -import lifeCare from "./books/lifeCare/view/index.vue"; -import embedded from "./books/embedded/view/index.vue"; -import english from "./books/English/view/index.vue"; -import sportsAndHealth from "./books/sportsAndHealth/view/index"; -import artAndDance from './books/artAndDance/view/index.vue' -import mathBook from './books/math/view/index.vue' export default { name: "App", components: { - childHealth, - lifeCare, - embedded, - english, - sportsAndHealth, - artAndDance, - mathBook + childHealth: () => import("./books/childHealth/view/index.vue"), + lifeCare: () => import("./books/lifeCare/view/index.vue"), + embedded: () => import("./books/embedded/view/index.vue"), + english: () => import("./books/english/view/index.vue"), + sportsAndHealth: () => import("./books/sportsAndHealth/view/index.vue"), + artAndDance: () => import("./books/artAndDance/view/index.vue"), + mathBook: () => import("./books/mathBook/view/index.vue"), + artAndDrama: () => import("./books/artAndDrama/view/index.vue"), + botany: () => import("./books/botany/view/index.vue"), + civilAviation: () => import("./books/civilAviation/view/index.vue"), + civilAviationServices: () =>import("./books/civilAviationServices/view/index.vue"), }, data() { return { @@ -40,20 +39,11 @@ if (this.setGlobalState) { this.setGlobalState({ initTestBook: async (bookId, tryPageCount) => { - // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId); - if ( - // "http://182.92.203.7:3007/books/resource/" - // "https://jsek.bnuic.com/books/resource/" - this.config.resourceCtx == - "http://182.92.203.7:3007/books/resource/" - ) { - this.config.resourceCtx = this.config.resourceCtx + bookId; - } + this.activeBook = await this.config.getBookConfig( + process.env.VUE_APP_RESOURCE_CTX + process.env.VUE_APP_BOOK_ID + ); this.config.activeBook = this.activeBook; this.config.goodsStore = this.activeBook.storeRefcode; - this.activeBook = await this.config.getBookConfig( - this.config.resourceCtx - ); if (tryPageCount) { this.activeBook.tryPageCount = tryPageCount; } @@ -67,23 +57,42 @@ } }); } else { + // childHealth + // lifeCare + // sportsAndHealth + // embedded + // english + // artAndDance + // artAndDrama + // mathBook + // civilAviation + // civilAviationServices this.activeBook = await this.config.getBookConfig( - // childHealth - // lifeCare - // sportsAndHealth - // embedded - // english - // artAndDance - // math - this.config.resourceCtx + "math" + process.env.VUE_APP_RESOURCE_CTX + + (process.env.VUE_APP_ENV == "product" + ? process.env.VUE_APP_BOOK_ID + : "mathBook") ); + + // this.activeBook = await this.config.getBookConfig( + // 'http://182.92.203.7:3007/books/resource/'+ + // (process.env.VUE_APP_ENV == "product" + // ? process.env.VUE_APP_BOOK_ID + // : "botany") + // ); // 娴嬭瘯璇曡30椤� // this.activeBook.tryPageCount = 10; this.config.activeBook = this.activeBook; this.config.goodsStore = this.activeBook.storeRefcode; } + }, + methods: { + but() { + console.log(this.activeBook, 'this.activeBook789'); + } } }; + </script> <style lang="less"> @@ -91,18 +100,21 @@ body { width: 100%; height: 100%; - margin: 0; + margin: 0 !important; } + #app { width: 100%; height: 100%; } + .highLight { border: 1px dashed rgba(255, 255, 255, 0); border-radius: 5px; padding: 3px 0; cursor: pointer; } + .highLight:hover { border: 1px dashed #949494 !important; } @@ -116,6 +128,7 @@ text-underline-thickness: 2px; cursor: pointer; } + .underline:hover { border: 1px dashed #949494 !important; } @@ -177,8 +190,7 @@ margin: auto; } - -.openImgBox img{ +.openImgBox img { cursor: zoom-in; } </style> -- Gitblit v1.9.1