<template>
<view>
<list>
<cell v-for="(item,index) in 100" style="background-color: #ebee16;" >
<rich-text :nodes="msgContentNodes"></rich-text>
</cell>
</list>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
msgContentNodes: [{
"name": "p",
"attrs": {
"style": "font-size:15px;text-align: justify;line-heihgt:19;"
},
"children": [{
"name": "div",
"attrs": {
"style": "color:#7a7a7a;"
},
"children": [{
"type": "text",
"text": "测试文案。"
}]
}]
}]
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
.content {
background-color: #eeaf40;
}
</style>
2***@qq.com
- 发布：2024-07-27 15:44
- 更新：2024-07-29 09:53
- 阅读：181
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.24
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 苹果
手机机型： 6p
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
rich-text在ios上循环渲染文字
rich-text在ios上循环渲染文字
预期结果：
正常显示
正常显示
实际结果：
文字有背景色
文字有背景色
bug描述：
rich-text在ios上循环渲染文字有背景色并且无法修改
2***@qq.com (作者)
找到了几年前的文章https://ask.dcloud.net.cn/question/121853 给rich-text组件设置背景色透明就行了
头疼这种问题也不改 文档上也不写
<rich-text style="background:transparent;" ></rich-text>