推荐常用的移动端、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
优点:PC+MOBILE一套就够了
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
优点:前人造轮子,拿来直接用就可以
③.iView UI
官方地址:https://www.iviewui.com/docs/guide/install
github地址:https://github.com/iview/iview
优点:样式好看,坑不算多,有自己的生态,比较稳定,同一作者写的后台iView-admin
@iview-admin
github地址:https://github.com/iview/iview-admin
在线演示地址:https://admin.iviewui.com
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

优点:蘑菇街团队开发维护,样式中规中矩
缺点:组件现在也不算太多
推荐常用的移动端、PC端、小程序的UI框架的更多相关文章
- 用 React 编写的基于Taro + Dva构建的适配不同端(微信小程序、H5、React-Native 等)的时装衣橱
前言 Taro 是一套遵循 React 语法规范的 多端开发 解决方案.现如今市面上端的形态多种多样,Web.React-Native.微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表 ...
- 从0到1构建适配不同端(微信小程序、H5、React-Native 等)的taro + dva应用
从0到1构建适配不同端(微信小程序.H5.React-Native 等)的taro + dva应用 写在前面 Taro 是一套遵循 React 语法规范的 多端开发 解决方案.现如今市面上端的形态多种 ...
- js 设备判断(移动端pc端 安卓ios 微信)
苹果安卓判断 $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.in ...
- 用Vue.js开发微信小程序:开源框架mpvue解析
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...
- 小程序组件化框架 WePY 在性能调优上做出的探究
作者:龚澄 导语 性能调优是一个亘古不变的话题,无论是在传统H5上还是小程序中.因为实现机制不同,可能导致传统H5中的某些优化方式在小程序上并不适用.因此必须另开辟蹊径找出适合小程序的调估方式. 本文 ...
- 快速上手小程序的mpvue框架
一.什么是mpvue框架? mpvue 是一个使用 Vue.js 开发小程序的前端框架.框架基于 Vue.js 核心(所以建议熟练掌握vue再使用mpvue框架,否则还是建议去使用原生框架去写小程序) ...
- 使用Vue开发微信小程序:mpvue框架
使用Vue开发微信小程序:mpvue框架:https://www.jianshu.com/p/8f779950bfd9
- uni-app开发微信小程序引入UI组件库(Vant-weapp)步骤
uni-app开发微信小程序引入UI组件库(Vant-weapp)步骤 这里以vant-weapp为例 uni-app官方文档介绍引入组件的方法 1. 新建相关目录 根目录下创建 wxcomponen ...
- SaaS加速器 III 技术中心:提供SaaS Launchkit,快速定制,一云多端等能力,一云多端将通过小程序云实现
https://yq.aliyun.com/articles/695746 演讲主题:SaaS加速器 III技术中心:聚合开放 高效强大 技术中心定义:阿里云以聚合开放的姿势,提供一个高效强大的技术开 ...
随机推荐
- [ML]机器学习书单
https://anvaka.github.io/greview/hands-on-ml/1/
- 分享4个运维平台工具OSSIM、Ansible的学习思路
对于当今企业安全来说,真正价值不在于亡羊补牢,也不在于一个或多个高危漏洞.企业在乎的是如何防患于未然,如何快速定位攻击,如何快速解决安全问题.OSSIM作为开源的安全信息管理平台,对于企业的需求来说毋 ...
- 类型和原生函数及类型转换(三:终结js类型转换)
Number() parseInt() parseFloat() Boolean() String() toString() 一.显式类型转换 -------Number()函数把对象的值转换为数字. ...
- 第八节: Quartz.Net五大构件之SimpleThreadPool及其四种配置方案
一. 简介 揭秘: SimpleThreadPool是Quartz.Net中自带的线程池,默认个数为10个,代表一个Scheduler同一时刻并发的最多只能执行10个job,超过10个的job需要排队 ...
- ES6 Class语法学习
前言 大多数面向对象的编程语言都支持类和类继承的特性,而JS却不支持这些特性,只能通过其他方法定义并关联多个相似的对象,这种状态一直延续到了ES5.由于类似的库层出不穷,最终还是在ECMAScript ...
- pymysql的使用及sql注入
pymysql简介 pymysql是python操纵mysql的一个模块,本质上是一个socket客户端 pymysql使用 准备数据 #创建数据库db2,如果已存在,请忽略 CREATE DATAB ...
- HP Z620 Windows 7 系统安装(含磁盘阵列)
由于HP Z620 做了Raid 5磁盘阵列,导致安装系统时,系统加载不了磁盘的驱动,无法将系统安装到硬盘上,正确的方法是:下载SATA驱动,在需要加载驱动的地方,利用另一个U盘,“浏览”解压好的驱动 ...
- Xss Bypass备忘录
Xss Bypass备忘录 技术要发展,免不了风波. 也许这些攻攻防防会更好的促进技术的发展也说不定 就让这一次次的爆破换来将来更精练的技术的无比的宁静吧 我们静观其变吧! 缅怀当初那份最纯真Hack ...
- Contest2156 - 2019-3-7 高一noip基础知识点 测试2 题解版
传送门 预计得分:100+70+100+50=320 实际得分100+63+77+30=270 Ctrl_C+Ctrl_V时不要粘贴翻译的,直接粘原文, In a single line of the ...
- 401 experience
AM: 块元素与内联元素 : div与span的区别 span只能设置水平的margin(左右内外边距) 在span里面加 display:block; 内联转块(相当于给span加了上下的边距)反 ...