<rich-text :nodes="nodes"></rich-text>
const nodes = '<span style="lineHeight: 48rpx; fontSize: 24rpx;">哇!真的是你呀,哈哈哈,哎呀!只因你太美哇!真的是你呀,哈哈哈,哎呀!只因你太美哇!真的是你呀,哈哈哈,哎呀!只因你太美</span>'

- 发布:2025-01-07 16:07
- 更新:2025-01-14 14:34
- 阅读:98
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10 专业版 22H2(19045.4780)
HBuilderX类型: Alpha
HBuilderX版本号: 4.43
手机系统: Android
手机系统版本号: Android 15
手机厂商: 小米
手机机型: 红米 K70
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<rich-text :nodes="nodes"></rich-text>
const nodes = '<span style="lineHeight: 48rpx; fontSize: 24rpx;">哇!真的是你呀,哈哈哈,哎呀!只因你太美哇!真的是你呀,哈哈哈,哎呀!只因你太美哇!真的是你呀,哈哈哈,哎呀!只因你太美</span>'
<rich-text :nodes="nodes"></rich-text>
const nodes = '<span style="lineHeight: 48rpx; fontSize: 24rpx;">哇!真的是你呀,哈哈哈,哎呀!只因你太美哇!真的是你呀,哈哈哈,哎呀!只因你太美哇!真的是你呀,哈哈哈,哎呀!只因你太美</span>'
预期结果:
能够设置行高
能够设置行高
实际结果:
设置行高无效
设置行高无效
bug描述:
【报Bug】nvue 中使用 rich-text 不支持设置行高,且属性名只支持驼峰写法,试过 lineHeight 和 line-height 都没有效果
1 个回复
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信
nvue 中不支持,参考文档
这种情况可以考虑使用 vue 渲染