推荐常用的移动端、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技术中心:聚合开放 高效强大 技术中心定义:阿里云以聚合开放的姿势,提供一个高效强大的技术开 ...
随机推荐
- iPhone各种机型尺寸、屏幕分辨率
px与pt区别 字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢? 先搞清基本概念: px就是表示pixel,像素,是屏幕上显示数据的最基本的点: pt就是point,是印刷行业常用单 ...
- 行为驱动开发BDD和Cucunber简介
测试驱动开发(TDD) 1.测试驱动开发,即Test-Driven Development(TDD),测试驱动开发是敏捷开发中的一项核心实践和技术,也是一种设计方法论.TDD的原理是在开发功能代码之前 ...
- 微信小程序之 3d轮播(swiper来实现)
以前写过一篇3d轮播,就是这篇,使用的方法比较笨拙,而且代码不简洁.这次发现swiper也能实现同样的效果.故记录一下. 先看看效果: wxml: <swiper previous-margin ...
- 应用调试(二)GDB
title: 应用调试(二)GDBdate: 2019/1/17 21:00:10 toc: true 应用调试(二)GDB gdb下载工具安装交叉工具链设置GDB介绍编译GDBtarget/host ...
- 腾讯云服务器tomcat端口无法访问
第一种情况: 如题:https://console.cloud.tencent.com/cvm/securitygroup 需要去这个地址设置安全组. 说实话,一句mmp不知当讲不当讲.使用说明这块太 ...
- .net异步委托
委托Delegate是一个类,定义了方法的类型, 使得可以将方法当做另一个方法的参数来进行传递,这种将方法动态地赋给参数的做法,可以避免在程序中大佬使用If-Else(Switch)语句,同时使得程序 ...
- windows环境隐藏命令行窗口运行Flask项目
Linux下可以使用nohub来使Flask项目在后台运行,而windows环境下没有nohub命令,如何让Flask项目在windows中在后台运行而不显示命令行窗口呢? 1.写一个.bat脚本来启 ...
- css3之border-radius理解
在日常项目过程中,border-radius这个属性算是非常常用的属性之一了,通过设置元素的border-radius值,可以轻松给元素设置圆角边框,甚至实现绘制圆.半圆.四分之一的圆等各种圆角图形. ...
- innodb表碎片处理
本次测试环境是 mysql 5.7.23,表空间为每个表单独表空间 mysql> sHOW VARIABLES LIKE 'innodb_file_per_tabl%'; +---------- ...
- linux网关下drcom web自动登陆脚本
/etc/init.d/drcomd: #!/bin/sh # # The environment is cleared before executing this script # so the p ...