在前面自定义tree组件继续功能迭代前,我们先开发一个通用的ScgIcon组件,用于后续组件模板中小图标的展示。 引入iconfont 官网:https://www.iconfont.cn/ 选取图标进行下载,只取iconfont.js文件 在prettier中忽略该文件: 放入iconfont.js文件: 开发SvgIcon组件 vitepress整合 增加菜单 全局引入和注册 编写markdown文档: 编写组件示例: 执行效果: 应用到Tree组件 在tree组件模板中应用<SvgIcon>组件。 将原先的+、-符号的按钮替换为自定义折叠展开图标: