From fbdb2d08e48fa31d74ebffbbef90997878b36ecf Mon Sep 17 00:00:00 2001
From: e <2432808546@qq.com>
Date: Tue, 17 Aug 2021 10:37:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E5=B7=A5=E5=85=B7=E6=A0=8F?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E5=8A=9F=E8=83=BD=EF=BC=8C=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7=E6=A0=8F=E5=A4=B1=E6=95=88=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E8=A7=A3=E5=86=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/quill/index.vue | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/components/quill/index.vue b/src/components/quill/index.vue
index e6964c2..1c34c03 100644
--- a/src/components/quill/index.vue
+++ b/src/components/quill/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="quill" :class="classes">
+    <div class="quill" ref="quill" :class="classes">
         <div ref="editor" :style="styles" v-loading="loading"></div>
 
         <el-upload :action="this.api.fileupload" :before-upload="beforeUpload" :on-success="editorUploadSuccess" style="display: none">
@@ -40,6 +40,10 @@
             minHeight: {
                 type: Number
             },
+            /* 
+             * 原本的readOnly失效,对比其他项目，发现是quill版本不同导致，
+             * 使用props传入elseRead = 'true'，手动隐藏工具栏
+             */
             elseRead:{
                 type:String,default:'false'
             }
@@ -107,13 +111,17 @@
             }
         },
         created(){
-            console.log(this.elseRead,'elseRead');
-            console.log(this.readonly,'readonly');
-
-            console.log(this.value,'value');
         },
         mounted () {
             this.init();
+            // 处理工具栏隐藏样式
+            if(this.elseRead==='true'){
+                let children = this.$refs.quill.children[0].style
+                children.padding = '0'
+                children.overflow = 'hidden'
+                children.height = '0'
+                children.borderTop = '0'
+            }
         },
         beforeDestroy () {
             // 在组件销毁后销毁实例
@@ -186,4 +194,13 @@
             border: none;
         }
     }
+    .else{
+        .ql-toolbar.ql-snow{
+            height: 0;
+            overflow: hidden;
+            padding: 0;
+            border-top: 0;
+        }
+    }
+
 </style>