【报Bug】nvue页面rich-text组件img 和文字对不齐

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.4.7

手机系统： Android

手机系统版本号： Android 11

手机厂商：华为

手机机型：所有安卓手机

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

  export default { data() {  
    return { nodes: [  
        { "name": "img",   
          "attrs": { "src": "https://t.bopo.com/web/statics/emoji/emoji3.png", "alt": "[狂笑]", "width": "12px", "height": "12px" }  
        },  
        { "name": "img",   
          "attrs": { "src": "https://t.bopo.com/web/statics/emoji/emoji10.png", "alt": "[吃惊]", "width": "12px", "height": "12px" }   
        }]  
    }  
}  
 }

操作步骤：

  export default { data() {  
    return { nodes: [  
        { "name": "img",   
          "attrs": { "src": "https://t.bopo.com/web/statics/emoji/emoji3.png", "alt": "[狂笑]", "width": "12px", "height": "12px" }  
        },  
        { "name": "img",   
          "attrs": { "src": "https://t.bopo.com/web/statics/emoji/emoji10.png", "alt": "[吃惊]", "width": "12px", "height": "12px" }   
        }]  
    }  
}  
 }

预期结果：

预期效果和微信发表情那样可以对其，安卓只是表情是正常显示

实际结果：

实际结果，ios稍好，安卓偏上，全表情时有部分显示不出来

bug描述：

  export default { data() {  
    return { nodes: [  
        { "name": "img",   
          "attrs": { "src": "https://t.bopo.com/web/statics/emoji/emoji3.png", "alt": "[狂笑]", "width": "12px", "height": "12px" }  
        },  
        { "name": "img",   
          "attrs": { "src": "https://t.bopo.com/web/statics/emoji/emoji10.png", "alt": "[吃惊]", "width": "12px", "height": "12px" }   
        }]  
    }  
}  
 }

图片显示不全并且图片文字无法对齐 line-height lineHeight vertical-align verticalAlign都尝试了 nvue页面