Vue2
组件库们
-
Element :
https://element.eleme.cn/#/zh-CN/component/select
主用于后台项目
-
Vant :
https://youzan.github.io/vant/#/zh-CN/
主用于移动端项目
-
uView:
https://v1.uviewui.com/components/grid.html
使用 uniapp 开发时
Vue3
组件库们
-
Element- plus:
https://element-plus.gitee.io/zh-CN/component/button.html
主用于后台项目
使用框架 : http://vue-admin-beautiful.com/admin-plus/?hmsr=github&hmpl=&hmcu=&hmkw=&hmci=#/vab/icon/remixIcon
React
组件库们
-
Ant Design:
https://ant.design/components/overview-cn/
这是一个可以用来快速设计后台 / 内部应用的 UI 库。它拥有一个社区、大量支持文档,还有一个带有预制模板的单独项目AntDesignPro。
AntDesign的缺点主要有三点:一是缺乏可访问性;二是体积很大,预计会对性能产生较大影响;三是会污染你的 CSS。
-
Bootstrap:
https://ant.design/components/overview-cn/
它可以看作是一个UI库,虽然不会帮你赢得任何设计奖项,但可以用来完成一些边缘项目和最小可行产品。
不过这取决于你要使用它的目的,如果你不熟悉 React,那么它是一个很好的入门库。但对于经验更丰富的开发人员来说,他们可能会去研究 styled-components / Emotion。
Bootstrap 的优点主要有五点:一是能快速上手;二是拥有两个带有 React 绑定的 Bootstrap 库;三是能通过 CSS-in-JS 轻松自定义;四是已经流行了足够长的时间了,因此不必担心一些错误 / 问题的发生;五是没有 jQuery 依赖,因为它已在 React 中完全重新实现。
Bootstrap 的缺点是,如果你不做自定义,那么你的网站将和其他网站没什么区别。
常用的icon图标库
阿里巴巴矢量图标库(下载时需登录账户): https://www.iconfont.cn/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)