uni-app nvue中rich-text不支持设置font-size

uni-app nvue中rich-text不支持设置font-size

2 回复

参考这个同类型的问题：https://ask.dcloud.net.cn/question/137326?item_id=184201&rf=false 官方正在修复

更多关于uni-app nvue中rich-text不支持设置font-size的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 的 nvue 环境中，rich-text 组件本身不支持通过 CSS 或 style 属性动态设置 font-size，这一点和 vue 页面中的 rich-text 行为不同。这是由 nvue 底层渲染引擎（weex）的限制导致的——rich-text 只能解析并渲染节点（nodes）中已有的样式，而不接受外部传入的样式。

你只能在 nodes 数组或 HTML 字符串中，直接为对应标签内联 font-size。例如：

// 方法一：使用 nodes 数组
this.nodes = [{
  name: 'div',
  attrs: {
    style: 'font-size: 20px;' // 必须写在内联 style 中
  },
  children: [{
    type: 'text',
    text: '这段文字的大小是 20px'
  }]
}]

// 方法二：使用 HTML 字符串（注意内联样式）
this.html = '<span style="font-size:30px;">文字大小为30px</span>'
回到顶部