From e2e3881fcaa2cfacf5d3290bb0ff5969482e6c48 Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期二, 29 十一月 2022 16:29:48 +0800
Subject: [PATCH] 案卷查询查询框样式调整
---
src/components/edit/index.vue | 44 ++++++++++++++++++++++++++++----------------
1 files changed, 28 insertions(+), 16 deletions(-)
diff --git a/src/components/edit/index.vue b/src/components/edit/index.vue
index 7752241..176a870 100644
--- a/src/components/edit/index.vue
+++ b/src/components/edit/index.vue
@@ -4,20 +4,31 @@
</div>
</template>
<script>
-import E from 'wangeditor'
+import wangEditor from 'wangeditor'
+
export default {
+ props: {
+ readOnly: {
+ type: Boolean,
+ default: () => false
+ }
+ },
data() {
return {
editor: null
}
},
mounted() {
- this.editor = new E('#edit');
- this.editor.config.height = 450;
- this.editor.config.colors = [
- '#4b9bb7',
- '#09152f'
- ]
+ this.editor = new wangEditor('#edit');
+ this.editor.customConfig = this.editor.config;
+ this.editor.customConfig.height = 450;
+ this.editor.customConfig.colors = ['#4b9bb7', '#09152f'];
+ this.editor.customConfig.placeholder = '璇疯緭鍏�';
+ this.editor.customConfig.onchangeTimeout = 500;
+ this.editor.customConfig.readOnly = this.readOnly;
+ this.editor.customConfig.onfocus = () => {
+ this.editor.customConfig.placeholder = '';
+ }
this.editor.create();
},
beforeDestroy() {
@@ -28,14 +39,15 @@
}
</script>
<style lang="scss" scoped>
- #edit{
- :deep(.w-e-toolbar){
- background-color: #09152f !important;
- color: #4b9bb7;
- }
- :deep(.w-e-text-container){
- background-color: #09152f !important;
- color: #4b9bb7;
- }
+#edit {
+ :deep(.w-e-toolbar) {
+ background-color: #09152f !important;
+ color: #4b9bb7;
}
+
+ :deep(.w-e-text-container) {
+ background-color: #09152f !important;
+ color: #4b9bb7;
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0