#插件讨论# 【 uParse 富文本解析 - DCloud 】图片之间的间隔问题

兄弟你解决了吗？

我这边有一个方案：不知道在你那边是否适用

在开发的时候正常引用组件；这里大家都懂的
插件引入不多说，除了引入插件，还需要引入

vue引入插件  
    import uParse from '@/components/uni-ui/uParse/src/wxParse.vue';  
app.vue 引入样式文件（不引入会导致图片显示不完整）  
@import '@/components/uni-ui/uParse/src/wxParse.css';

先贴代码

uParse/src/wxParse.vue';  
wxParse .img {  
    display:block;  
    width: 0;  
    height: 0;  
    padding:0 0;  
    /* width: 350rpx; */  
    max-width: 100%;  
    overflow: hidden;  

}  
.wxParse .img >div {  
    background-size: 100% 100% !important;  
}

填充多张图片之后就出现如下情况

通过排查，会发现。图片之外多了这么一层

如何去掉呢，直接修改 uParse/src/wxParse.css';下的.wxParse .img 发现没有用

.wxParse .img {  
    display:block;  
    width: 0;  
    height: 0;  
    padding:0 0;  
    /* width: 350rpx; */  
    max-width: 100%;  
    overflow: hidden;  

}  

经过多次尝试，我发现主要受影响的是这个 div 的background-size 于是我觉得改为

.wxParse .img {  
    display:block;  
    width: 0;  
    height: 0;  
    padding:0 0;  
    /* width: 350rpx; */  
    max-width: 100%;  
    overflow: hidden;  

}  

奇迹出现了

修改后

uParse/src/wxParse.vue';  
wxParse .img {  
    display:block;  
    width: 0;  
    height: 0;  
    padding:0 0;  
    /* width: 350rpx; */  
    max-width: 100%;  
    overflow: hidden;  

}  
.wxParse .img >div {  
    background-size: 100% 100% !important;  
}

解决了