标题: 关于微信小程序 rich-text中hr等标签样式无法修改的问题(已解决)
时间: 2021-10-15发布,2021-10-16修改
感谢大佬的指点。
各位大佬好,请教一下在微信小程序中 rich-text,属性为nodes时,如何让wxss的hr、h3、h4等的样式生效?一直都是默认样式。
在根目录app.wxss中添加如下:
hr {
width:80%;
margin:0 auto;
border: 0;
height: 4px;
background: #333;
background-image: linear-gradient(to right, rgb(116, 186, 216), #333, #E6E6FA);
}
但是在文章的页面使用下面这个依然没办法。让hr生效,还是一条黑线。emmm
<view class="desc" >
<rich-text nodes="{{ data.content }}"></rich-text>
</view>
而在app.wxss中设置的.article-item .desc
这个,是生效的。所以,想问问大佬,如何让hr、h3、h4等的样式生效?
『回复列表(15|隐藏机器人聊天)』
我觉得这个不复杂吧。在 setData
之前,处理一下节点。或者后端直接处理。
我记得你这个是 emlog
,是 php
。有专门的的类库。我找找看。
https://github.com/albert6378/html2json
https://github.com/Jxck/html2json
小米MIX2s(白)