手册版本 V3.0
组件名称
graceTree : /graceUI/组件目录/graceTree
功能描述
01. 自动无限层级;
02. 文本展示、单选、多选模式;
03. 提供完整的数据获取方法;
04. 如果数据来自 api 请求，请使用 if 保证请求数据完成后再创建组件，详见演示代码;
属性说明
| 属性名称 | 类型 | 默认值 | 作用 |
| trees | Array | [] | 组件列表信息数据 |
| indent | Number | 28 | 每个层级的缩进距离，单位rpx |
| lineHeight | String | 80rpx | 数据行高 |
| fontSize | String | 28rpx | 文本大小 |
| fontColor | String | #323232 | 文本颜色 |
| type | String | text | 组件类型, text : 文本展示 , radio : 单选形式, checkbox : 复选形式 |
| isIcon | Boolean | true | 文本形式时是否展示横线图标 |
| iconSize | String | 30rpx | 单选、多选图标尺寸 |
| checkedId | [String, Number] | -1 | 单选默认选中 id |
| checkedIds | Array | [] | 复选选中的 id 集合 |
| checkedColor | String | #3688FF | 选中后图标的颜色 |
| allCanCheck | Boolean | true | 是否全部选项都可以点击选择， 如果设置false则只有子集才能选择 |
| isFold | Boolean | true | 文本模式下是否开启收缩/展开功能 [ 2020.07.27 新增 ] |
组件事件
01. taped
携带数据 : 被点击选项的索引关系，利用它完成 :
1.1 文本形式 : 获取点击数据
1.2 选择形式 : 获取点击数据更新选中 id
演示说明
01. 演示代码为您封装好了选项获取相关的函数，可以方便地获取选中信息，同时也是非常不错的递归函数学习资料 （:
02. 演示代码实现了多种模式的切换，您在应用时选择一种即可，代码会简化很多;
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。