element ui 多个子组件_vue前端UI框架,一点都不圆润,盘它!

面对众多vue前端UI框架,看着它们干干巴巴、麻麻赖赖的样子,一点都不圆润,跟我一起盘它!

Vue移动端UI框架

1、Vux(star:15620)

677b1882b43626f043670a6feb271ce7.png

VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。

暂未适配 vue-cli@3.x

官网:

2、Vuetify(star:18547)

6311ccfb7151b937d2a874628b8fd45f.png

Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平。为了最好地完成这个任务,必须作出不支持一些老版本IE浏览器的牺牲。

官网:

3、Mint UI(star:14140)

8f78dfb652b48abc8b64fd31de8b1028.png

Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

官网

4、MUI(star:11395)

5a8352b3f7afd7f454da66b53a3f7fc2.png

最接近原生APP体验的高性能前端框架。

官网:

5、Vant(star:8361)

9f7f545a401570a2b9ae5f800e49772a.png

有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。

中文文档:

6、Muse-ui(star:7362)

bdadc633ec9abbff2b754983118e6a67.png

Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用。

官网:

7、Cube UI(star:6088)

bc34c6295d992afbeff5d00b98208f21.png

cube-ui 由滴滴内部组件库精简提炼而来,是基于 Vue.js 实现的精致移动端组件库。
滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库。

官网:

8、vonic(star:1533)

b0a98a6786ac168d224ee73ff92d600b.png

基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约。

官网:

Vue PC端UI框架

1、Element(star:37233)

cb7d624ee6da810e83cea23cc3dca1cf.png

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。

官网:http://element-cn.eleme.io/#/zh-CN
github地址:https://github.com/ElemeFE/element

2、vue-element-admin(star:32223)

8560d9f7debee9d25bd2b89713dd844e.png

vue-element-admin是一个后台前端解决方案,它基于vue和element-ui实现。

中文文档:

3、iView(star:21084)

c142359b06be92a96a3ca964db4f5844.png

一套基于 Vue.js 的高质量UI 组件库。

中文文档:

4、Vue Material(star:7834)

f8127124c1a22ef0fa64b786d24d0f6c.png

通过Vue Material和Vue 2.0建立精美的app应用。

中文文档:

5、VueStrap(star:4825)

fef4385702748b737989471c07fe8296.png

基于 Vue.js 构建的 Bootstrap 组件,该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。

在线文档:

6、Keen UI(star:3700)

8e1fdba598ff7d95b79baa0f3b684ece.png

由Vue编写的基本UI组件的轻量级集合,并受Material Design的启发。

在线文档:https://josephuspaye.github.io/Keen-UI/#/ui-alert
github地址:https://github.com/JosephusPaye/Keen-UI

当然,VUE前端UI框架还有很多,欢迎大家补充!
—————END—————
喜欢本文的朋友们,欢迎关注公众号 张培跃,收看更多精彩内容!!!公众号回复 电子书 ,送你经典电子书籍!

b9bf120a59876a315fba63b3e46fb9ef.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/506045.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ios 裁剪圆形头像_iOS开发之裁剪圆形头像

- (void)viewDidLoad {[super viewDidLoad];//加载图片UIImage *image [UIImage imageNamed:"菲哥"];//获取图片尺寸CGSize size image.size;//开启位图上下文UIGraphicsBeginImageContextWithOptions(size, NO, 0);//创建圆形路径UIBezierPath *path [UIBezierPa…

python 图像处理_Python中的十大图像处理工具

文章发布于公号【数智物语】 (ID:decision_engine),关注公号不错过每一篇干货。来源 | 大数据文摘(BigDataDigest)编译 | 张秋玥、小七、蒋宝尚本文主要介绍了一些简单易懂最常用的 Python 图像处理库。当今世界充满了各种数据&am…

php函数方法,基于PHP函数的操作方法

如下所示://简单函数function show(){echo "hello";}show();//有参数的函数function show($a){echo "$a";}show("world");//有返回值的函数function show(){return "小V,你好!";}echo show();functi…

centos7安装php5.2yum源操作_Centos7.6使用yum安装PHP7.2

Centos7.6使用yum安装PHP7.21、安装源安装php72w,是需要配置额外的yum源地址的,否则会报错不能找到相关软件包。php高版本的yum源地址,有两部分,其中一部分是epel-release,另外一部分来自webtatic。如果跳过epel-relea…

mysqlclient==1.3.7对应mysql版本_「MySQL」CentOs 7 下安装MySQL

MySQLMySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一YUM 安装mysql1、下载 YUM 仓库文件打开网址: https://dev.mysql.com/downloads/…

php rewinddir(),PHP rewinddir() 函数 ——jQuery中文网

实例打开一个目录,列出其中的文件,充值目录句柄,重新列出其中的文件,然后关闭:$dir "/images/";// Open a directory, and read its contentsif(is_dir($dir)){if ($dh opendir($dir)){//List files in im…

汇编jnl_汇编指令集

1 X86和X87汇编指令大全(有注释)2 ---------- 一、数据传输指令 ----------------------------------------------------3 它们在存贮器和寄存器、寄存器和输入输出端口之间传送数据.4 1. 通用数据传送指令.5 MOV 传送字或字节.6 MOVSX 先符号扩展,再传送.7 MOVZX 先零扩展,再传…

nginx log response_nginx优化配置大全

很多程序员面试被问到nginx优化做过哪些,因此来记录下配置文件样例为生产环境样例。1、nginx基本优化安装方式有2种:1、源码包安装 2、yum(apt-get)安装区别为如果用yum安装的话,很方便,并且基本不报错。如…

指纹对比软件_iQOO VS 小米9屏幕指纹大对决,这次我为vivo疯狂打Call!

在经历了性能、续航、充电的对比之后,我们今天带来了iQOO和小米9的屏幕指纹对比,看看两者在屏幕指纹方面究竟有何不同的表现。▼屏幕指纹原理目前屏幕指纹技术大致分为光电屏幕指纹和超声波屏幕指纹两种,而iQOO和小米9所采用的都是光电屏幕指…

oracle数据库恢复参数文件位置,Oracle数据库的参数文件备份与恢复

Oracle数据库的参数文件包含两个文件:一个是spfile二进制文件名字为spfilesid.ora(其中sid你数据库的实例名称)。另一个是pfile文本文件的参数文件,名字为initsid.ora(其中sid你数据库的实例名称)。默认情况下数据库是只有一个参数文件的,那就是spfile,它…

python绘制3d坐标轴_matplotlib在python上绘制3D散点图实例详解

大家可以先参考官方演示文档: 效果图:3D scatterplotDemonstration of a basic scatterplot in 3D.from mpl_toolkits.mplot3d import Axes3D import matplotlib.pyplot as plt import numpy as np def randrange(n, vmin, vmax):Helper function to mak…

oracle cascade是什么意思啊,Oracle外键(Foreign Key)之级联删除(DELETE CASCADE)

什么是级联删除(DELETE CASCADE)?级联删除是指当主表(parent table)中的一条记录被删除,子表中关联的记录也相应的自动删除。备注:外键字段在该表中为主键的表,即为主表;外键字段在该表中为普通字段的表,即…

翻转链表python递归_Python实现链表反转的方法【迭代法与递归法】

导读 这篇文章主要介绍了Python实现链表反转的方法,结合实例形式分析了Python迭代法与递归法实现链表反转的相关操作技巧与注意事项,需要的朋友可以参考下 本文实例讲述了Python实现链表反转的方法。分享给大家供大家参考,具体如下: Python实现链表反转 …

oracle高级函数去重,傅老师课堂:Oracle高级应用之去重聚合函数

开篇一笑:高中的时候,自行车被偷,早上顺路搭同学的自行车。我坐在后座看到前面一大妈跑步,很猥琐的对同学说:“你看前面那个肥婆跑得屁股都甩圆了!”这货沉默了一下。当我们和大妈擦身而过的时候&#xff0…

jquery手写轮播图_jquery 实现轮播图详解及实例代码_jquery_脚本之家

轮播图:接触jquery也有一段时间了,今天刚好利用轮播图来练练手。博文的前面会介绍一个简单用jquery做轮播图的例子,中间会插入一些关于轮播图更多的思考,在后面会用Javascript的方法来写一个轮播图,最后则是关于jquery…

关于python_关于python的基础知识

一,编程语言的类型: 1、编译型 2、解释型 3、静态语言 4、动态语言 5、强类型定义语言 6、弱类型定义语言 编译型vs解释型 编译型: 优点:编译器一般会有预编译的过程对代码进行优化。因为编译只做一次,运行时不需要编译…

oracle10g如何导出dmp,Oracle 10g dmp文件的导入导出

Oracle数据导入dmp文件可以是“某个用户下的数据库”,也可以是“某张表”,这里以导入数据库为例说明 :1.用SYS用户名,以DBA的身份在ie中登入到数据库(ORACLE客户端Enterprise Manager Console)2.在方案->用户与权限->用户新…

idea 不打开文件提示错误_IDEA无法正常启动(打不开报错)

版权声明:转载请附上文章地址https://blog.csdn.net/qq_42672839IDEA无法正常启动(两种问题)目录第一种是缓存问题 双击Idea打开,无任何反应,资源管理器中有Idea的进程。第二种报错(报错: cannot lock system foiders)两种…

python套用word模板_如何使用Python批量创建Word模板

如何使用 Python 批量创建 Word 模板 在日常工作中我们经常需要重复性地将同一份内容的 Word 文档资料发送 给多个不同客户, 此时 Word 文档内容可能只有客户署名不同、 或者只有部分关 键信息不同。此时如果采用传统的工作方法我们可能需要反复地打开不同 Word 文档…

oracle sh文件怎么打开,Oracle数据库逻辑备份的SH文件

该Oracle教程将告诉诸位学习Oracle的朋友:Oracle数据库逻辑备份的SH文件。完全备份的SH文件:exp_comp.shrq date "%m%d" su - oracle -c "exp system/manager fully inctypecomplete file/oracle/export/db_comp$rq.dmp"累计备份的S…