原因:插件在添加缩进的时候是给标签添加了 ql-indent-缩进数 的类,这个类mp-html不认识,所以让mp-html认识就行了。
解决:在mp-html的插件源码中,文件路径为 uni_modules->mp-html->components->mp-html->node->node.vue文件最底下加上样式代码:
<style lang="scss">
@for $i from 1 through 10 {
.ql-indent-#{$i} {
margin-left: #{$i * 2}rem;
}
}
</style>
代码解释:创建10个ql-indent-1到10的类,给上左边距为索引2倍的rem距离。(一个tab缩进按2个单位算)
注:写app.vue全局样式里貌似没用,mp-html还是不认识,得写它里面
0 个回复