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

【报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

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

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