From d24c9dde20cba23b96082b4db81b5223c75e4ea9 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 08 三月 2023 09:06:28 +0800
Subject: [PATCH] 身份证正反面调整
---
src/components/edit/index.vue | 49 +++++++++++++++++++++++++++----------------------
1 files changed, 27 insertions(+), 22 deletions(-)
diff --git a/src/components/edit/index.vue b/src/components/edit/index.vue
index ec89cb5..386d20d 100644
--- a/src/components/edit/index.vue
+++ b/src/components/edit/index.vue
@@ -4,25 +4,30 @@
</div>
</template>
<script>
-import E from 'wangeditor'
+import wangEditor from 'wangeditor'
+
export default {
+ props: {
+ readOnly: {
+ type: Boolean,
+ default: () => false
+ }
+ },
data() {
return {
editor: null
}
},
- props:['getMyBody'],
mounted() {
- this.editor = new E('#edit');
- this.editor.config.height = 450;
- this.editor.config.colors = [
- '#4b9bb7',
- '#09152f'
- ]
-
- this.editor.config.onchange =(html)=>{
- // 绗簩姝ワ紝鐩戞帶鍙樺寲锛屽悓姝ユ洿鏂板埌 textarea
- this.$emit('getMyBody',html);
+ 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();
},
@@ -35,14 +40,14 @@
</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;
- }
+ //: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
+</style>
--
Gitblit v1.8.0