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

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型： Alpha

HBuilderX版本号： 3.7.2

手机系统： iOS

手机系统版本号： iOS 16

手机厂商：苹果

手机机型： iphonex

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：


  <view class="content">    
    <rich-text class="rich-text" :nodes="nodes"></rich-text>    
  </view>    
</template>    

<script>    
  export default {    
    data() {    
      return {    
        nodes: [{    
          name: 'div',    
          attrs: {    
            style: 'color: red; vertical-align: middle;'    
          },    
          children: [{    
            "type": "text",    
            "text": 'Hello uni-app!',    
            "attrs": {    
              "style": 'fontSize: 30px; lineHeight: 30px; color: green;'    
            }    
          }, {    
            "name": "img",    
            "attrs": {    
              "src": "/static/logo.png",    
              "alt": "[狂笑]",    
              "width": "30px",    
              "height": "30px"    
            }    
          }, {    
            "name": "img",    
            "attrs": {    
              "src": "/static/logo.png",    
              "alt": "[吃惊]",    
              "width": "30px",    
              "height": "30px"    
            }    
          }]    
        }]    
      }    
    }    
  }    
</script>    

<style>    
  .content {    
    display: flex;    
    flex-direction: column;    
    flex: 1;    
  }    

  .rich-text {    
    flex: 1;    
  }    
</style>  ```

操作步骤：

直接在demo中运行示例代码

预期结果：

在app nvue页面居中对齐

实际结果：

在app nvue页面居中对齐

bug描述：

nvue页面rich-text组件img 和文字对不齐

2023-02-22 15:33 负责人:无分享

0 个回复

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

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

操作步骤：

直接在demo中运行示例代码

预期结果：

在app nvue页面居中对齐

实际结果：

在app nvue页面居中对齐

bug描述：

0 个回复

公告

相关问题

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

操作步骤： 直接在demo中运行示例代码

预期结果： 在app nvue页面 居中对齐

实际结果： 在app nvue页面 居中对齐

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

操作步骤：

直接在demo中运行示例代码

预期结果：

在app nvue页面居中对齐

实际结果：

在app nvue页面居中对齐