2021-07-24Tree 树形控件再认真自己写写-递归

Tag 标签

获取数据/铺数据/渲染数据

如何让分页竖着显示

<el-tag type="success">标签二</el-tag>

<el-tag type="info">标签三</el-tag>

<el-tag type="warning">标签四</el-tag>

<el-tag type="danger">标签五</el-tag>

可移除标签

动态编辑标签

¶不同尺寸

默认为 light，还有dark、light 和 plain朴素的

Progress 进度条

线形进度条

百分比内显

自定义颜色

环形进度条

仪表盘形进度条

Tree 树形控件

可选择

懒加载自定义叶子节点

默认展开和默认选中

¶禁用状态

清空

自定义节点内容

节点过滤

手风琴模式

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

可拖拽节点

Pagination 分页

¶基础用法

设置最大页码按钮数

带有背景色的分页

显示总数

调整每页显示条数

直接前往

当只有一页时隐藏分页---开关switch

Badge 

展示新消息数量

可自定义最大值

可以显示数字以外的文本内容

Avatar 头像---图标、图片或者字符的形式

circle square

展示类型支持三种类型：图标、图片和字符

通过 shape 和 size 设置头像的形状和大小。

图片如何适应容器框fit 属性

Skeleton 骨架屏

点我重新加载

防止渲染抖动

Empty 空状态---空状态时的占位提示。

自定义图片

通过设置 image 属性传入图片 URL。