uniapp nvue组件多个text在一行并且高亮其中一些文字

记录一个问题

垃圾uniapp 踩了一个坑掉入一个新坑

在使用nvue 组件 为了实现多个text 文本在一行并且高亮展示text 文本中的某些字符串

111111111111黄色高亮文本11111111111111111

复制代码
具体实现方式
<rich-text :nodes="richNodes"></rich-text>
richNodes: [
	{
		type: 'text',
		attrs: {
			style: 'line-height: 60px; color: red; text-align:center;'
		},
		text: '测试测试',
	},
	{
		type: 'text',
		text: '哈哈哈哈哈哈哈'
	}
]
相关推荐
wangruofeng1 小时前
写给开发者的〈重构 UI〉实战笔记:从改好一个设置页开始,告别“程序员审美”
前端·aigc
程序员鱼皮2 小时前
格局!刚刚 DeepSeek 正式开放全家桶 API,咱都能复刻 DeepSeek App 了?
前端·aigc·ai编程
ZhengEnCi2 小时前
登录页电脑端怎么设计才不空:5 种布局方案与可粘贴 AI 提示词
前端·css·设计
Penge6662 小时前
JavaScript:DOM 树
前端
用户0044729538252 小时前
练歌镜:让眼镜听懂“循环这一句”
javascript
Penge6662 小时前
CSS 核心布局指南:盒模型、Flex 布局与 Position 定位
前端
Penge6663 小时前
HTML基础:HTML 标签属性
前端
Penge6664 小时前
HTML 基础:块级元素、行内元素与行内块元素详解
前端
Penge6664 小时前
前端基础:html语义化
前端
用户30816998764854 小时前
同一个端口能被两个程序监听吗?TCP 11 组绑定实测
前端