1、css 文本溢出问题
使用中,记得给父元素设置宽度,百分比,绝对宽度等
.text {
font-size: 38rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
2.多行
.text {
font-size: 38rpx;
line-height: 38rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
2、解析富文本
当前直接使用小程序中的富文本标签就可以直接使用
高跟鞋女2018新款春季单鞋仙女甜美链子尖<span style="color:#ffa500;">头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美</span>链子尖头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带<br /><br />高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带高<span style="color:#0000ff;"><span style="font-size:16px;">跟鞋女2018新款春季单鞋仙女甜美链子尖头</span></span>防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带<br /><br /><img alt="" src="http://vueshop.glbuys.com/uploadfiles/1524556409.jpg" style="width: 100%;" /><br /><br /><img alt="" src="http://vueshop.glbuys.com/uploadfiles/1524556419.jpg" style="width: 100%;"
<rich-text nodes="{{info.bodys}}"></rich-text>
其他的引入wxparase的,暂时没有考虑,本来小程序容积率就小,再引入第三方,只会增加体积,得不偿失