我如何将自定义的bootstrap-treeview组件封装成NPM包分享给大家试用?

2026-05-25 06:450阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1453个文字,预计阅读时间需要6分钟。

我如何将自定义的bootstrap-treeview组件封装成NPM包分享给大家试用?

前言+之前在本文中+基于.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分钟。

我如何将自定义的bootstrap-treeview组件封装成NPM包分享给大家试用?

前言+之前在本文中+基于.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

阅读全文