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. Memory Layout for Multiple and Virtual Inheritance

    Memory Layout for Multiple and Virtual Inheritance(By Edsko de Vries, January 2006)Warning. This art ...

  2. Meterpreter提权详解

      0x01 Meterpreter自动提权 1.生成后门程序 我们在kali的命令行下直接执行以下命令获得一个针对windows的反弹型木马: msfvenom -p windows/meterpr ...

  3. selenium家族发展史

    什么是Selenium? Selenium 是专门为Web应用程序编写的一个验收测试工具.Selenium测试直接运行在浏览器中,支持的浏览器包括IE(7.8.9).Mozilla Firefox.M ...

  4. BZOJ 3674 可持久化并查集

    https://www.lydsy.com/JudgeOnline/problem.php?id=3674 用可持久化数组维护并查集的fa数组, 查询时间复杂度为nlognlogn,一个log是并查集 ...

  5. go 的匿名函数和闭包

    匿名函数 匿名函数是指不需要定义函数名的一种函数实现方式. 在Go语言中,函数可以像普通变量一样被传递或使用,这与C语言的回调函数比较类似.不同的是,Go语言支持随时在代码里定义匿名函数. 匿名函数由 ...

  6. 第十五节: EF的CodeFirst模式通过DataAnnotations修改默认协定

    一. 简介 1. DataAnnotations说明:EF提供以特性的方式添加到 domain classes上,其中包括两类:  A:System.ComponentModel.DataAnnota ...

  7. MySQL数据库学习2 - 数据库的操作

    一.系统数据库 二.创建数据库 三.数据库相关操作 四.了解内容 一.系统数据库 执行如下命令,查看系统库 show databases; information_schema: 虚拟库,不占用磁盘空 ...

  8. v-model

    仅用于以下控件: <input> <select> <textarea> 组件 v-model以Vue 实例的数据作为数据来源,应当在组件的 data 选项中声明初 ...

  9. 爬虫-通过本地IP地址从中国天气网爬取当前城市天气情况

    1.问题描述 ​ 最近在做一个pyqt登录校园网的小项目,想在窗口的状态栏加上当天的天气情况,用爬虫可以很好的解决我的问题. 2.解决思路 ​ 考虑到所处位置的不同,需要先获取本地城市地址,然后作为中 ...

  10. python开发遇到的坑(2)mongodb安装路径权限问题

    个人比较懒,Mac 电脑直接使用命令行安装,brew install mongodb,但是遇到两个问题,其一: Error: The following directories are not wri ...