携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第12天，点击查看活动详情
本次系列文章参与八月的更文活动，记录一个微信小程序从零到有的开发过程。本文为本系列第十二篇：关于微信小程序的常见组件2
nodes属性
nodes属性支持 字符串 和 标签节点数组
| 属性 | 说明 | 类型 | 必填 | 备注 |
|---|---|---|---|---|
| name | 标签名 | string | 是 | 支持部分受信任的 HTML 节点 |
| attrs | 属性 | object | 否 | 支持部分受信任的属性，遵循 Pascal 命名法 |
| children | 子节点列表 | array | 否 | 结构和 nodes 一致 |
文本节点：type = text
| 属性 | 说明 | 类型 | 必填 | 备注 |
|---|---|---|---|---|
| text | 文本 | string | 是 | 支持entities |
nodes不推荐使用String类型，性能会有所下降。rich-text组件内屏蔽所有节点的事件。attrs属性不支持 id ，支持 class 。name属性大小写不敏感。- 如果使用了不受信任的
HTML节点，该节点及其所有子节点将会被移除。 img标签仅支持网络图片。
button
button显而易见表示按钮，使用如下：
<button
type="default"
size="{{defaultSize}}"
loading="{{loading}}"
plain="{{plain}}"
>
default
</button>
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| size | string | default | 否 | 按钮的大小 |
| type | string | default | 否 | 按钮的样式类型 |
| plain | boolean | false | 否 | 按钮是否镂空，背景色透明 |
| disabled | boolean | false | 否 | 是否禁用 |
| loading | boolean | false | 否 | 名称前是否带 loading 图标 |
| form-type | string | 否 | 用于 组件，点击分别会触发组件的 submit/reset 事件 | |
| open-type | string | 否 | 微信开放能力 |
size 的合法值
- default 默认大小
- mini 小尺寸
type 的合法值
- primary 绿色
- default 白色
- warn 红色
form-type 的合法值
- submit：用于提交表单
- reset：用于重置表单
open-type 的合法值大概如下：具体待使用到再详述
- contact：打开客服会话
- share：触发用户转发
- getPhoneNumber：获取用户手机号，
- getUserInfo：获取用户信息
- launchApp：打开APP
- openSetting：打开授权设置页
- feedback：打开“意见反馈”页面
