我如何将自定义的bootstrap-treeview组件封装成NPM包分享给大家试用?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1453个文字,预计阅读时间需要6分钟。
前言+之前在本文中+基于.NetCore开发博客项目+StarBlog+-+(8)+分类层次结构展示+中说,为了让文章分类列表支持层次结构,我使用了一个树形组件,不过这个组件有些过时,使用了Bootstrap版本。
前言之前在这篇文章 基于.NetCore开发博客项目 StarBlog - (8) 分类层级结构展示 中说到,我为了让文章分类列表支持层级结构,用了一个树形组件,不过这个组件太老了,使用的Bootstrap版本居然是3.x的,但又找不到更好的,只能硬着头皮用。
但实际效果有很多我不满意的,感谢开源,我直接fork一份代码来魔改,实现了我要的效果~
然后还上传了npm~(第一次在npm上发包)
有需要的同学可以install试试:
npm i bootstrap5-treeview
效果
先放图,后面再来说改了啥
布局修改我注意到原版对tag的处理是包装成一个badge直接放在文字后面,不知道是不是Bootstrap改了,在目前的5.x版本上看起来挤在一起,而且也没有颜色,因为原版作者只加了badge一个class。
本文共计1453个文字,预计阅读时间需要6分钟。
前言+之前在本文中+基于.NetCore开发博客项目+StarBlog+-+(8)+分类层次结构展示+中说,为了让文章分类列表支持层次结构,我使用了一个树形组件,不过这个组件有些过时,使用了Bootstrap版本。
前言之前在这篇文章 基于.NetCore开发博客项目 StarBlog - (8) 分类层级结构展示 中说到,我为了让文章分类列表支持层级结构,用了一个树形组件,不过这个组件太老了,使用的Bootstrap版本居然是3.x的,但又找不到更好的,只能硬着头皮用。
但实际效果有很多我不满意的,感谢开源,我直接fork一份代码来魔改,实现了我要的效果~
然后还上传了npm~(第一次在npm上发包)
有需要的同学可以install试试:
npm i bootstrap5-treeview
效果
先放图,后面再来说改了啥
布局修改我注意到原版对tag的处理是包装成一个badge直接放在文字后面,不知道是不是Bootstrap改了,在目前的5.x版本上看起来挤在一起,而且也没有颜色,因为原版作者只加了badge一个class。

