夏夜追凉丶
夏夜追凉丶
  • 发布:2024-11-13 16:04
  • 更新:2024-11-13 16:04
  • 阅读:76

关于添加缩进后,使用mp-html导出后缩进的样式无效的问题

分类:插件市场

原因:插件在添加缩进的时候是给标签添加了 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还是不认识,得写它里面

2024-11-13 16:04 负责人:无 分享
已邀请:

要回复问题请先登录注册