2021-10-15

C7N-Tree树形控件理解：

最终效果如下

遇到的主要困难在于：
1.搜索框的实现
2.连接线以及默认图标的修改
主要实现代码如下：

节点之间带连接线的树，常用于文件目录结构展示。使用 showLine 开启，可以用 switcherIcon 修改默认图标。

Icon由于图标字体本质上还是文字，可以使用 style 和 className 设置图标的大小和颜色。

但是浏览器对字体是存在最小值的(12px)，此时需要Icon仍然偏大可以使用transform: 'scale()'来进一步缩放Icon
如transform: 'scale(0.8)'便是将其缩小至0.8倍