已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS

标题: 关于微信小程序 rich-text中hr等标签样式无法修改的问题(已解决)

作者: @Ta

时间: 2021-10-15发布,2021-10-16修改

点击: 6596

前排提示:

根据九楼@水木易安 大佬的指点,已经成功搞定。

原帖:@姜辰,看起来只能是给 hr 标签加 style 或者 class 了 [滑稽]

https://developers.weixin.qq.com/community/develop/doc/b21d0ca46793f149a78e40d090d90c70?highLine=rich-text%2520css

感谢大佬的指点。


原帖:

各位大佬好,请教一下在微信小程序中 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|隐藏机器人聊天)』

1. 走过路过的大佬,求帮忙
(/@Ta/2021-10-15 00:33//)

3. 微信自带Element. Style,你只需要! Important就好了,我刚刚昨天也遇到了
(/@Ta/2021-10-15 01:04//)

4. @胡椒舰长求大佬详细点呗
(/@Ta/2021-10-15 10:07//)

5. @卷心菜我也不会
(/@Ta/2021-10-15 10:07//)

6. @姜辰

<style lang=“scss”>
/deep/ .desc{
width:100% !important;
}
</style>
(/@Ta/2021-10-15 10:10//)

7. @胡椒舰长这个放在wxml文件里不生效啊,放在rich-text标签里也不行。而且我这里需要修改的是hr标签……
(/@Ta/2021-10-15 10:38//)

8. @胡椒舰长,在rich-text里,调试器直接没有hr这些标签的style
(/@Ta/2021-10-15 10:49//)

9.
(/@Ta/2021-10-16 11:01//)

10. @水木易安这么复杂的吗?
(/@Ta/2021-10-16 11:13//)

11.

我觉得这个不复杂吧。在 setData 之前,处理一下节点。或者后端直接处理。

我记得你这个是 emlog ,是 php 。有专门的的类库。我找找看。

https://github.com/albert6378/html2json
https://github.com/Jxck/html2json

小米MIX2s(白)

(/@Ta/2021-10-16 11:25//)

12. @水木易安,谢谢大佬指点,我现在开机去弄
(/@Ta/2021-10-16 11:59//)

13. @水木易安,感谢大佬指点,已经搞定。
(/@Ta/2021-10-16 12:42//)

14.

@姜辰
小米MIX2s(白)

(/@Ta/2021-10-16 12:42//)

15. @水木易安,给大佬送花花~~
(/@Ta/2021-10-16 12:45//)

16.
小米MIX2s(白)
(/@Ta/2021-10-16 12:46//)

回复需要登录

8月20日 20:02 星期三

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1