前言

关于pc端使用Vue-Quill-Editor插件,但是在小程序中,样式缺丢失问题

查找到Quill的样式

我们在pc端的quill包中找到以下的css文件,并放入在style文件夹中
在这里插入图片描述

<rich-text class="rich-text ql-editor" :nodes="details.newsContent | formatRichText"></rich-text>

在rich-text中加入样式标签ql-editor
并且在app.vue文件中引入

 @import '@/styles/quill/quill.bubble.css';
 @import '@/styles/quill/quill.core.css';
 @import '@/styles/quill/quill.snow.css';

*注意:不要在局部文件引入,因为在局部引入,scoped会在我们引入的css样式加上私有属性,这就回导致我们样式引入失败

效果展示

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐