小程序组件--基础内容组件

本文介绍了几种常用的UI组件,包括icon图标组件、progress进度条组件和text文本组件等,并详细解析了富文本组件的功能特性,如nodes属性的支持情况、受信任的HTML节点及其属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(1)icon图标组件

组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)
在这里插入图片描述
在这里插入图片描述

(2)progress进度条组件

在这里插入图片描述
在这里插入图片描述

(3)text文本组件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(4)拓展:富文本编辑器(见下一个博客)

(5)rich-text 富文本组件

在这里插入图片描述
nodes属性
现支持两种节点,通过type来区分,分别是元素节点和文本节点,默认是元素节点,在富文本区域里显示的HTML节点 元素节点:type = node
在这里插入图片描述
在这里插入图片描述
受信任的HTML节点及属性
全局支持class和style属性,不支持id属性
受信任HTML节点:a、abbr、address、article、aside、b、bdi、bdo、big、blockquote、br、caption、center、cite、code、col、colgroup、dd、div、dl、dt、em、footer、h1-h6、header、hr、img(属性alt,src,height,width)、li、ol、p、span、table相关、ul

nodes类型为array
在这里插入图片描述
nodes类型为string
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值