dafeizhu
dafeizhu
  • 发布:2021-06-07 11:06
  • 更新:2021-06-08 19:56
  • 阅读:1171

【报Bug】ios手机nvue页面中使用rich-text,对节点设置的样式不生效,无论是style设置或者外部class设置

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.17

手机系统: iOS

手机系统版本号: iOS 11.0

手机厂商: 苹果

手机机型: iPhone6,iPhone8,iPhone11

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

新建一个nvue文件,粘贴以下代码:

<template>  
	<div style="padding-top: 200rpx">  
		<rich-text :nodes="nodes"></rich-text>  
	</div>  
</template>  
  
<script>  
export default {  
	data() {  
		return {  
			nodes: [  
				{  
					name: 'span',  
					children: [  
						{  
							name: 'a',  
							attrs: {  
								href: 'http://www.baidu.com',  
								target: '_blank',  
								class: 'link',  
								style: 'color:blue;background-color:pink;'  
							},  
							children: [  
								{  
									type: 'text',  
									text: 'http://www.baidu.com'  
								}  
							]  
						},  
						{  
							type: 'text',  
							text: '噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢'  
						}  
					]  
				}  
				  
			]  
		};  
	}  
};  
</script>  
  
<style scoped>  
.link {  
	color: blue;  
	background-color: pink;  
}  
</style>

预期结果:

ios端和Android端均能设置rich-text中节点的背景色和字体色。

实际结果:

Android端表现正常,iOS端无法设置其节点样式。

bug描述:

ios手机nvue页面中使用rich-text组件,设置节点的样式(如background-color,color)无效,无论使用的是style设置还是外部class设置样式。
同样的代码,Android端不会出现该问题

2021-06-07 11:06 负责人:DCloud_iOS_XHY 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

问题已复现,后续优化,已加分,感谢您的反馈!

该问题目前已经被锁定, 无法添加新回复