Tree树形组件


展示层级结构的树形组件。

可以绑定@bind-Values

基本用法

基础的树形结构展示。

指南
设计原则
一致
反馈
效率
可控
导航
侧向导航
顶部导航
组件
Basic
Layout 布局
Color 色彩
Typography 字体
Icon 图标
Button 按钮
Form
Radio 单选框
Checkbox 多选框
Input 输入框
InputNumber 计数器
Select 选择器
Cascader 级联选择器
Switch 开关
Slider 滑块
TimePicker 时间选择器
DatePicker 日期选择器
DateTimePicker 日期时间选择器
Upload 上传
Rate 评分
Form 表单
Data
Table 表格
Tag 标签
Progress 进度条
Tree 树形控件
Pagination 分页
Badge 标记
Notice
Alert 警告
Loading 加载
Message 消息提示
MessageBox 弹框
Notification 通知
Navigation
NavMenu 导航菜单
Tabs 标签页
Breadcrumb 面包屑
Dropdown 下拉菜单
Steps 步骤条
Others
Dialog 对话框
Tooltip 文字提示
Popover 弹出框
Card 卡片
Carousel 走马灯
Collapse 折叠面板
资源
Axure Components
Sketch Templates
组件交互文档

可选择

适用于需要选择层级时使用。

Vals的值:


指南
设计原则
一致
反馈
效率
可控
导航
侧向导航
顶部导航
组件
Basic
Layout 布局
Color 色彩
Typography 字体
Icon 图标
Button 按钮
Form
Radio 单选框
Checkbox 多选框
Input 输入框
InputNumber 计数器
Select 选择器
Cascader 级联选择器
Switch 开关
Slider 滑块
TimePicker 时间选择器
DatePicker 日期选择器
DateTimePicker 日期时间选择器
Upload 上传
Rate 评分
Form 表单
Data
Table 表格
Tag 标签
Progress 进度条
Tree 树形控件
Pagination 分页
Badge 标记
Notice
Alert 警告
Loading 加载
Message 消息提示
MessageBox 弹框
Notification 通知
Navigation
NavMenu 导航菜单
Tabs 标签页
Breadcrumb 面包屑
Dropdown 下拉菜单
Steps 步骤条
Others
Dialog 对话框
Tooltip 文字提示
Popover 弹出框
Card 卡片
Carousel 走马灯
Collapse 折叠面板
资源
Axure Components
Sketch Templates
组件交互文档

禁用状态

可将 Tree 的某些节点设置为禁用状态。

Vals的值:


指南
设计原则
一致
反馈
效率
可控
导航
侧向导航
顶部导航
组件
Basic
Layout 布局
Color 色彩
Typography 字体
Icon 图标
Button 按钮
Form
Radio 单选框
Checkbox 多选框
Input 输入框
InputNumber 计数器
Select 选择器
Cascader 级联选择器
Switch 开关
Slider 滑块
TimePicker 时间选择器
DatePicker 日期选择器
DateTimePicker 日期时间选择器
Upload 上传
Rate 评分
Form 表单
Data
Table 表格
Tag 标签
Progress 进度条
Tree 树形控件
Pagination 分页
Badge 标记
Notice
Alert 警告
Loading 加载
Message 消息提示
MessageBox 弹框
Notification 通知
Navigation
NavMenu 导航菜单
Tabs 标签页
Breadcrumb 面包屑
Dropdown 下拉菜单
Steps 步骤条
Others
Dialog 对话框
Tooltip 文字提示
Popover 弹出框
Card 卡片
Carousel 走马灯
Collapse 折叠面板
资源
Axure Components
Sketch Templates
组件交互文档

自定义节点内容

节点的内容支持自定义,可以在节点区添加按钮或图标等内容

Vals的值:


指南
add delete
设计原则
add delete
一致
add delete
反馈
add delete
效率
add delete
可控
add delete
导航
add delete
侧向导航
add delete
顶部导航
add delete
组件
add delete
Basic
add delete
Layout 布局
add delete
Color 色彩
add delete
Typography 字体
add delete
Icon 图标
add delete
Button 按钮
add delete
Form
add delete
Radio 单选框
add delete
Checkbox 多选框
add delete
Input 输入框
add delete
InputNumber 计数器
add delete
Select 选择器
add delete
Cascader 级联选择器
add delete
Switch 开关
add delete
Slider 滑块
add delete
TimePicker 时间选择器
add delete
DatePicker 日期选择器
add delete
DateTimePicker 日期时间选择器
add delete
Upload 上传
add delete
Rate 评分
add delete
Form 表单
add delete
Data
add delete
Table 表格
add delete
Tag 标签
add delete
Progress 进度条
add delete
Tree 树形控件
add delete
Pagination 分页
add delete
Badge 标记
add delete
Notice
add delete
Alert 警告
add delete
Loading 加载
add delete
Message 消息提示
add delete
MessageBox 弹框
add delete
Notification 通知
add delete
Navigation
add delete
NavMenu 导航菜单
add delete
Tabs 标签页
add delete
Breadcrumb 面包屑
add delete
Dropdown 下拉菜单
add delete
Steps 步骤条
add delete
Others
add delete
Dialog 对话框
add delete
Tooltip 文字提示
add delete
Popover 弹出框
add delete
Card 卡片
add delete
Carousel 走马灯
add delete
Collapse 折叠面板
add delete
资源
add delete
Axure Components
add delete
Sketch Templates
add delete
组件交互文档
add delete

手风琴模式

对于同一级的节点,每次只能展开一个

指南
设计原则
一致
反馈
效率
可控
导航
侧向导航
顶部导航
组件
Basic
Layout 布局
Color 色彩
Typography 字体
Icon 图标
Button 按钮
Form
Radio 单选框
Checkbox 多选框
Input 输入框
InputNumber 计数器
Select 选择器
Cascader 级联选择器
Switch 开关
Slider 滑块
TimePicker 时间选择器
DatePicker 日期选择器
DateTimePicker 日期时间选择器
Upload 上传
Rate 评分
Form 表单
Data
Table 表格
Tag 标签
Progress 进度条
Tree 树形控件
Pagination 分页
Badge 标记
Notice
Alert 警告
Loading 加载
Message 消息提示
MessageBox 弹框
Notification 通知
Navigation
NavMenu 导航菜单
Tabs 标签页
Breadcrumb 面包屑
Dropdown 下拉菜单
Steps 步骤条
Others
Dialog 对话框
Tooltip 文字提示
Popover 弹出框
Card 卡片
Carousel 走马灯
Collapse 折叠面板
资源
Axure Components
Sketch Templates
组件交互文档

节点孤立式选择

每一个节点可以单独选择

Vals的值:


指南
设计原则
一致
反馈
效率
可控
导航
侧向导航
顶部导航
组件
Basic
Layout 布局
Color 色彩
Typography 字体
Icon 图标
Button 按钮
Form
Radio 单选框
Checkbox 多选框
Input 输入框
InputNumber 计数器
Select 选择器
Cascader 级联选择器
Switch 开关
Slider 滑块
TimePicker 时间选择器
DatePicker 日期选择器
DateTimePicker 日期时间选择器
Upload 上传
Rate 评分
Form 表单
Data
Table 表格
Tag 标签
Progress 进度条
Tree 树形控件
Pagination 分页
Badge 标记
Notice
Alert 警告
Loading 加载
Message 消息提示
MessageBox 弹框
Notification 通知
Navigation
NavMenu 导航菜单
Tabs 标签页
Breadcrumb 面包屑
Dropdown 下拉菜单
Steps 步骤条
Others
Dialog 对话框
Tooltip 文字提示
Popover 弹出框
Card 卡片
Carousel 走马灯
Collapse 折叠面板
资源
Axure Components
Sketch Templates
组件交互文档






文档