1***@qq.com
1***@qq.com
  • 发布:2020-05-07 17:03
  • 更新:2021-08-31 15:01
  • 阅读:1325

【报Bug】richText标签的文字背景颜色无法修改

分类:nvue

详细问题描述

富文本的文字自带底色无法修改。
编译环境为 nvue, v3, 运行iOS13.4,13.2系统下,白底明显。
官网代码richtext的示例代码,稍作修改如下

<template>  
    <view class="content">  
        <page-head :title="title"></page-head>  
        <view class="uni-padding-wrap">  
            <view class="uni-title uni-common-mt">  
                数组类型  
                <text>\nnodes属性为Array</text>  
            </view>  
            <view class="uni-common-mt" style="background-color:#3D8EE3; padding:20rpx;">  
                <rich-text :nodes="nodes"></rich-text>  
            </view>  
            <view class="uni-title uni-common-mt">  
                字符串类型  
                <text>\nnodes属性为String</text>  
            </view>  
            <view class="uni-common-mt" style="background:#FFF; padding:20rpx;">  
                <rich-text :nodes="strings"></rich-text>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                nodes: [{  
                    name: 'div',  
                    attrs: {  
                        class: 'div-class',  
                        style: 'line-height: 60px; color: red; text-align:center;'  
                    },  
                    children: [{  
                        type: 'text',  
                        text: 'Hel234lo&nbsp;uni-app!123'  
                    }]  
                }],  
                strings: '<div style="text-align:center;"><img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"/></div>'  
            }  
        }  
    }  
</script>  

<style>  
    .div-class{  
        padding: 30rpx;  
        color: #3D8EE3;  
    }  
</style>

运行效果如下

后边请官方大大帮我把这个白色底色搞掉好不好,我已经试过transparent,rgba(0000),这个白色跟刷了漆一样啊,请问text下的内容无法修改底色吗?

[内容]

重现步骤

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2020-05-07 17:03 负责人:无 分享
已邀请:
无所谓001

无所谓001 - 程序员

您好,请问这个问题解决了吗

  • 1***@qq.com (作者)

    没有解决,没人鸟我

    2020-12-24 15:57

3***@qq.com

3***@qq.com

您好,请问这个问题解决了吗

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