【报Bug】vue页面使用rich-text组件给子元素设置color无效。nvue页面正常。

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： ?

HBuilderX类型：正式

HBuilderX版本号： 3.6.4

手机系统： Android

手机系统版本号： Android 12

手机厂商：华为

手机机型： iphone8plus和华为mate30

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

allContentNodes: [
{
name: 'div',
attrs: {
style: 'white-space: pre-wrap;'
},
children: [
{
type: 'text',
text: '测试一下测试一下测试一下测试一下'
},
{
type: 'text',
attrs: {
style: 'color: blue;'
},
text: '收起来'
}
]
}
]

操作步骤：

vue页面使用rich-text组件设置nodes属性，在子元素中添加attrs设置 { style: 'color: blue;' }

预期结果：

设置的子元素文本为蓝色

实际结果：

vue页面无效，nvue页面正常。

bug描述：

vue页面使用rich-text组件给子元素设置color无效。nvue页面正常。

2022-11-25 18:47 负责人:无分享

1 个回复

DCloud_Android_DQQ

试试hello uni上能否复现。或者提供一个完整的示例

秃顶佩奇 (作者)

直接在vue页面上在rich-text组件的nodes属性设置上面的示例代码就能复现了。

2022-11-28 11:21

要回复问题请先登录或注册

【报Bug】vue页面使用rich-text组件给子元素设置color无效。nvue页面正常。

示例代码：

allContentNodes: [
{
name: 'div',
attrs: {
style: 'white-space: pre-wrap;'
},
children: [
{
type: 'text',
text: '测试一下测试一下测试一下测试一下'
},
{
type: 'text',
attrs: {
style: 'color: blue;'
},
text: '收起来'
}
]
}
]

操作步骤：

vue页面使用rich-text组件设置nodes属性，在子元素中添加attrs设置 { style: 'color: blue;' }

预期结果：

设置的子元素文本为蓝色

实际结果：

vue页面无效，nvue页面正常。

bug描述：

1 个回复

公告

相关问题

【报Bug】vue页面使用rich-text组件给子元素设置color无效。nvue页面正常。

示例代码： allContentNodes: [ { name: 'div', attrs: { style: 'white-space: pre-wrap;' }, children: [ { type: 'text', text: '测试一下测试一下测试一下测试一下' }, { type: 'text', attrs: { style: 'color: blue;' }, text: '收起来' } ] } ]

操作步骤： vue页面使用rich-text组件设置nodes属性，在子元素中添加attrs设置 { style: 'color: blue;' }

预期结果： 设置的子元素文本为蓝色

实际结果： vue页面无效，nvue页面正常。

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

allContentNodes: [
{
name: 'div',
attrs: {
style: 'white-space: pre-wrap;'
},
children: [
{
type: 'text',
text: '测试一下测试一下测试一下测试一下'
},
{
type: 'text',
attrs: {
style: 'color: blue;'
},
text: '收起来'
}
]
}
]

操作步骤：

vue页面使用rich-text组件设置nodes属性，在子元素中添加attrs设置 { style: 'color: blue;' }

预期结果：

设置的子元素文本为蓝色

实际结果：

vue页面无效，nvue页面正常。