<rich-text :nodes="nodes"></rich-text>
data() {
return {
nodes: [{
"type": "text",
"text": "123"
}, {
"name": "img",
"attrs": {
"style": "width:40rpx;height:40rpx;",
"src": "https://ebao-vip-ins.oss-cn-shenzhen.aliyuncs.com/WangYuJunFile/emoticon/qq/0.gif"
}
}]
};
}
- 发布:2020-11-02 16:07
- 更新:2021-10-18 19:26
- 阅读:2131
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10专业版
HBuilderX类型: 正式
HBuilderX版本号: 2.9.3
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: 荣耀10青春版
页面类型: nvue
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
<rich-text :nodes="nodes"></rich-text>
data() {
return {
nodes: [{
"type": "text",
"text": "123"
}, {
"name": "img",
"attrs": {
"style": "width:40rpx;height:40rpx;",
"src": "https://ebao-vip-ins.oss-cn-shenzhen.aliyuncs.com/WangYuJunFile/emoticon/qq/0.gif"
}
}]
};
}
<rich-text :nodes="nodes"></rich-text>
data() {
return {
nodes: [{
"type": "text",
"text": "123"
}, {
"name": "img",
"attrs": {
"style": "width:40rpx;height:40rpx;",
"src": "https://ebao-vip-ins.oss-cn-shenzhen.aliyuncs.com/WangYuJunFile/emoticon/qq/0.gif"
}
}]
};
}
预期结果:
安卓正常显示gif
安卓正常显示gif
实际结果:
安卓无法显示gif
安卓无法显示gif
bug描述:
uniapp富文本框,nvue页面使用rich-text组件,安卓的gif网络图片不渲染,ios的能显示出来,换成png格式的网络图片都能显示出来。