移动端、PC端(前后台)、小程序常用的UI框架
1.移动端UI库
①.Vant UI
②.Mint UI
官方地址:http://mint-ui.github.io/#!/zh-cn
github地址:https://github.com/ElemeFE/mint-ui/
优点:饿了么团队制作,组件比较丰富
缺点:已经很久没人维护,也没人接盘了
③.Muse UI
官方地址:https://muse-ui.org/#/zh-CN/usage
github地址:https://github.com/museui/muse-ui
优点:PC+MOBILE一套就够了
④.Nut UI
官方地址:https://nutui.jd.com/#/start
github地址:https://github.com/jdf2e/nutui
优点:京东团队制作,质量有保障
缺点:组件不是很丰富,需要踩坑。
2.PC端前、后台UI库
①.Element UI
官方地址:http://element-cn.eleme.io/#/zh-CN/component/installation
github地址:https://github.com/ElemeFE/element
优点:团队给力,社区活跃,组件丰富
②.vue-element-admin
演示地址:https://panjiachen.github.io/vue-element-admin/
github地址:https://github.com/PanJiaChen/vue-element-admin
博客系列教程地址:https://segmentfault.com/a/1190000009275424
优点:前人造轮子,拿来直接用就可以
③.iView UI
官方地址:https://www.iviewui.com/docs/guide/install
github地址:https://github.com/iview/iview
优点:样式好看,坑不算多,有自己的生态,比较稳定,同一作者写的后台iView-admin
3.小程序UI库
①.iView Weapp
官方地址:https://weapp.iviewui.com/docs/guide/start
github地址:https://github.com/TalkingData/iview-weapp

优点:整体包结构比较小,样式比较美观
缺点:暂不支持npm安装
②.Wux Weapp
官方地址:https://wux-weapp.github.io/wux-weapp-docs/#/quickstart
github地址:https://github.com/wux-weapp/wux-weapp/

优缺点同iView Weapp
③.Wuss Weapp
官方地址:https://phonycode.github.io/wuss-weapp/quickstart.html
github地址:https://github.com/phonycode/wuss-weapp

优点:支持npm安装,组件较丰富
④.Color UI
官方地址:https://www.color-ui.com/
github地址:https://github.com/weilanwl/ColorUI

优点:样式超级超级超级好看啊,不信他不火
缺点:文档还在编写中,组件目前不是很丰富
⑤.Vant Weapp
官方地址:https://youzan.github.io/vant-weapp/#/intro
github地址:https://github.com/youzan/vant-weapp

优点:支持npm安装,组件丰富,合适做商城类小程序
⑥.MinUI
官方地址:https://meili.github.io/min/docs/minui/index.html
github地址:https://github.com/meili/min-cli

优点:蘑菇街团队开发维护,样式中规中矩
缺点:组件现在也不算太多
非结语:UI组件库的使用,不仅要看样式展现,更要看库的维护和生态,前人的轮子有时候也不一定适合项目,去尝试造轮子会发现一个不同的世界。
结语:不定时更新,不足之处或者有其他优秀的UI库可以留言私信我,自己喜欢的UI库也可以上墙!
移动端、PC端(前后台)、小程序常用的UI框架的更多相关文章
- 小程序-文章:微信小程序常见的UI框架/组件库总结
ylbtech-小程序-文章:微信小程序常见的UI框架/组件库总结 1.返回顶部 1. 想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小 ...
- 微信小程序常见的UI框架/组件库总结
想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库. 1:WeUI 小程序–使用教程 h ...
- 源码推荐:移动端商城(微信小程序源代码) WebView离线缓存
移动端商城(微信小程序源代码)(上传者:腾讯攻城师jack) 功能包括:商品橱窗,商品搜索,购物车,结账等功能. TableView嵌套webView自适应高度(上传者:linlinchen) tab ...
- js 设备判断(移动端pc端 安卓ios 微信)
苹果安卓判断 $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.in ...
- 小程序常用API介绍
小程序常用API接口 wx.request https网络请求 wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 method:"GET&qu ...
- 微信小程序常用样式汇总
本文系转载: 原文作者:chenzheng8975 原文地址:https://www.cnblogs.com/chenzheng8975/p/9605186.html 微信小程序常用样式汇总 小程序特 ...
- 像VUE一样写微信小程序-深入研究wepy框架
像VUE一样写微信小程序-深入研究wepy框架 微信小程序自发布到如今已经有半年多的时间了,凭借微信平台的强大影响力,越来越多企业加入小程序开发. 小程序于M页比相比,有以下优势: 1.小程序拥有更多 ...
- Cocos2d-iPhone V3 (1) 其基本程序常用的行动框架和介绍
Cocos2d-iPhone V3 (1) 其基本程序常用的行动框架和介绍 博客:http://blog.csdn.net/prevention 笔者:犀利哥 - 第一部分:一个 Cocos2d-iP ...
- 微信小程序(二十)-UI组件(Vant Weapp)-01按装配置
1.官网 https://vant-contrib.gitee.io/vant-weapp/#/intro https://gitee.com/vant-contrib/vant-weapp 2.按装 ...
随机推荐
- 深入剖析ThreadLocal实现原理以及内存泄漏问题
关于ThreadLocalMap<ThreadLocal, Object>弱引用问题: 当线程没有结束,但是ThreadLocal已经被回收,则可能导致线程中存在ThreadLocalMa ...
- Broadcast的类型
两种发送方法 1.无序广播 对于多个接收者来说是完全异步的,通常每个接收者都无需等待即可以接收到广播,接收者相互之间不会有影响.对于这种广播,接收者无法终止广播,即无法阻止其他接收者的 接收动作. 消 ...
- java项目启动时执行指定方法
想到的就是监听步骤如下: 1.配置web.xml <listener> <listener-class>com.listener.InitListener</listen ...
- 2017/05/07 java 基础 随笔
1.^异或 逻辑运算符 两边相同为false 不同为ture 2.键盘录入 package com.huawei; /** * 键盘录入 * @author Eric * */ import j ...
- Hyper-V虚拟机上安装一个图形界面的Linux系统
这件事情呢,一直想干但又觉得太陌生和麻烦,无奈现在到了非装不可的时候,只好硬着头皮去装.在此之前,我不懂什么叫做虚拟机,linux也接触甚少.经过3天的折腾,终于装好了带有图形界面的linux(字符版 ...
- zabbix添加对自定义无规则的关键日志文件的监控
zabbix添加对自定义无规则日志文件的监控 项目背景及思路: zabbix自带有针对日志文件的监控,自带的监控只能监控到指定文件或者正则匹配的固定日志文件,但当需要监控的文件名没有规律的时候自带监控 ...
- WM8960音频播放
第一节 音频播放原理首先需要申明一下,本章的代码来自网络,参考了亚嵌教育李明老师(论坛ID:limingth)的帖子: http://www.arm9home.net/read.php?tid=205 ...
- Ex 6_18 硬币有限的兑换问题_第七次作业
子问题定义: 定义一个二维数组b,其中b[i][j]表示前i个币种是否能兑换价格j,表示第i个币种的面值,第i个币种的使用有两种情况,若使用,则b[i][j]=b[i-1][j-],若不使用,则b[i ...
- mysql当查询某字段结果为空并赋值
1 代码 1.1 当当前字段为空,查询结果返回“none”,并且统计出现频率 select case when 字段 is null then 'none' else 字段 end as 字段, co ...
- 从LeNet-5到DenseNet
一篇不错的总结:https://zhuanlan.zhihu.com/p/31006686