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框架的更多相关文章

  1. 用 React 编写的基于Taro + Dva构建的适配不同端(微信小程序、H5、React-Native 等)的时装衣橱

    前言 Taro 是一套遵循 React 语法规范的 多端开发 解决方案.现如今市面上端的形态多种多样,Web.React-Native.微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表 ...

  2. 从0到1构建适配不同端(微信小程序、H5、React-Native 等)的taro + dva应用

    从0到1构建适配不同端(微信小程序.H5.React-Native 等)的taro + dva应用 写在前面 Taro 是一套遵循 React 语法规范的 多端开发 解决方案.现如今市面上端的形态多种 ...

  3. js 设备判断(移动端pc端 安卓ios 微信)

    苹果安卓判断 $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.in ...

  4. 用Vue.js开发微信小程序:开源框架mpvue解析

    前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...

  5. 小程序组件化框架 WePY 在性能调优上做出的探究

    作者:龚澄 导语 性能调优是一个亘古不变的话题,无论是在传统H5上还是小程序中.因为实现机制不同,可能导致传统H5中的某些优化方式在小程序上并不适用.因此必须另开辟蹊径找出适合小程序的调估方式. 本文 ...

  6. 快速上手小程序的mpvue框架

    一.什么是mpvue框架? mpvue 是一个使用 Vue.js 开发小程序的前端框架.框架基于 Vue.js 核心(所以建议熟练掌握vue再使用mpvue框架,否则还是建议去使用原生框架去写小程序) ...

  7. 使用Vue开发微信小程序:mpvue框架

    使用Vue开发微信小程序:mpvue框架:https://www.jianshu.com/p/8f779950bfd9

  8. uni-app开发微信小程序引入UI组件库(Vant-weapp)步骤

    uni-app开发微信小程序引入UI组件库(Vant-weapp)步骤 这里以vant-weapp为例 uni-app官方文档介绍引入组件的方法 1. 新建相关目录 根目录下创建 wxcomponen ...

  9. SaaS加速器 III 技术中心:提供SaaS Launchkit,快速定制,一云多端等能力,一云多端将通过小程序云实现

    https://yq.aliyun.com/articles/695746 演讲主题:SaaS加速器 III技术中心:聚合开放 高效强大 技术中心定义:阿里云以聚合开放的姿势,提供一个高效强大的技术开 ...

随机推荐

  1. iPhone各种机型尺寸、屏幕分辨率

    px与pt区别 字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢? 先搞清基本概念: px就是表示pixel,像素,是屏幕上显示数据的最基本的点: pt就是point,是印刷行业常用单 ...

  2. 行为驱动开发BDD和Cucunber简介

    测试驱动开发(TDD) 1.测试驱动开发,即Test-Driven Development(TDD),测试驱动开发是敏捷开发中的一项核心实践和技术,也是一种设计方法论.TDD的原理是在开发功能代码之前 ...

  3. 微信小程序之 3d轮播(swiper来实现)

    以前写过一篇3d轮播,就是这篇,使用的方法比较笨拙,而且代码不简洁.这次发现swiper也能实现同样的效果.故记录一下. 先看看效果: wxml: <swiper previous-margin ...

  4. 应用调试(二)GDB

    title: 应用调试(二)GDBdate: 2019/1/17 21:00:10 toc: true 应用调试(二)GDB gdb下载工具安装交叉工具链设置GDB介绍编译GDBtarget/host ...

  5. 腾讯云服务器tomcat端口无法访问

    第一种情况: 如题:https://console.cloud.tencent.com/cvm/securitygroup 需要去这个地址设置安全组. 说实话,一句mmp不知当讲不当讲.使用说明这块太 ...

  6. .net异步委托

    委托Delegate是一个类,定义了方法的类型, 使得可以将方法当做另一个方法的参数来进行传递,这种将方法动态地赋给参数的做法,可以避免在程序中大佬使用If-Else(Switch)语句,同时使得程序 ...

  7. windows环境隐藏命令行窗口运行Flask项目

    Linux下可以使用nohub来使Flask项目在后台运行,而windows环境下没有nohub命令,如何让Flask项目在windows中在后台运行而不显示命令行窗口呢? 1.写一个.bat脚本来启 ...

  8. css3之border-radius理解

    在日常项目过程中,border-radius这个属性算是非常常用的属性之一了,通过设置元素的border-radius值,可以轻松给元素设置圆角边框,甚至实现绘制圆.半圆.四分之一的圆等各种圆角图形. ...

  9. innodb表碎片处理

    本次测试环境是 mysql 5.7.23,表空间为每个表单独表空间 mysql> sHOW VARIABLES LIKE 'innodb_file_per_tabl%'; +---------- ...

  10. linux网关下drcom web自动登陆脚本

    /etc/init.d/drcomd: #!/bin/sh # # The environment is cleared before executing this script # so the p ...