推荐常用的移动端、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技术中心:聚合开放 高效强大 技术中心定义:阿里云以聚合开放的姿势,提供一个高效强大的技术开 ...
随机推荐
- A.01.12—模块的输出—通讯(CAN&LIN)
AN和LIN相关的内容很多,今天仅对几年前困扰过我的一个疑问进行说明. 以前最常见的通迅方式为CAN和LIN,但现在也有很多其他的通讯方式了,而这两种通讯方式仍使用广泛. 前几年常听人说CAN的成本和 ...
- pgsql 执行建库脚本时候出现ERROR: relation "xxx_id_seq" does not exist
1. 问题: ERROR: relation "xxx_id_seq" does not exist 2. 出现原因:由于表中建立了自增字段,id定义为Serial 类型,当执行完 ...
- 浏览器开发者工具----F12 功能介绍
笔者技巧: 看了些其它回答,有些是用来扒图片的,有些是写爬虫的(这个不要看Elements,因为浏览器会对一些不符合规范的标签做补全或者其它处理,最好是Ctrl+U). 图片的话就不要看Network ...
- cookie小栗子-实现简单的身份验证
关于Cookie Cookie是一种能够让网站Web服务器把少量数据储存到客户端的硬盘或内存里,或是从客户端的硬盘里读取数据的一种技术. 用来保存客户浏览器请求服务器页面的请求信息,可以在HTTP返回 ...
- [物理学与PDEs]第2章习题6 有旋的 Navier-Stokes 方程组
试证明: 由 Navier-Stokes 方程组描述的流体运动一般总是有旋的, 即若 $\rot{\bf u}={\bf 0}$, 则 Navier-Stokes 方程组 (3. 4)-(3. 5) ...
- [再寄小读者之数学篇](2014-04-01 from 2103471050@qq.com 曲线积分)
求 $\int_\vGa y^2\rd s$, 其中 $\vGa$ 由 $\dps{\sedd{\ba{rl} x^2+y^2+z^2&=a^2\\ x+z&=a \ea}}$ 决定. ...
- 可变有序列表list
list是一种有序的集合,可以随时添加和删除其中的元素. 声明方法 list名=[元素1,元素2,元素3,--] >>> name=['Tom','David','Tony'] &g ...
- 记事本 HTML
又学了一遍HTML,感觉轻松了好多,个人感觉HTML和画画差不多,只要有了想法,画出来其实并不难. 头部信息<head> 头部信息并不是给我们看的,而是给浏览器看的,当浏览器看到之后,才好 ...
- 菜鸟博客装饰分享CSS+HTML+js
博客布局更改,各种百度,自己修改,搞成现在这样,有兴趣的朋友可以复制我下面的把自己博客覆盖了,然后在进行更改 不懂可加群问我:675678830 如果想开通打赏,用到js,需要在 下列中 博客侧边栏公 ...
- linux下堆溢出unlink的一个简单例子及利用
最近认真学习了下linux下堆的管理及堆溢出利用,做下笔记:作者作为初学者,如果有什么写的不对的地方而您又碰巧看到,欢迎指正. 本文用到的例子下载链接https://github.com/ctfs/w ...