semantic ui中文文档_Vuetify-广受欢迎的Material风格的开源UI框架

d4c8e9ba4026b4444fb8e4d8f5de7292.png

全世界范围内广受欢迎的 Vue UI 框架,一个非常精致的 Material Design UI 套件。

Material Design 风格 UI 框架

Vuetify 是一个基于 Vue.js 精心打造 UI 组件库,整套 UI 设计为 Material 风格。能够让没有任何设计技能的开发者创造出时尚的 Material 风格界面。

Material Design 是 Google 推出的设计语言,颜色鲜艳、动画效果突出,旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。

b82a721ddf64160646c5146351e155f5.png

vuetify-home-page

Material Design 好看是好看,但由于 UI 和动效细节非常多,纯手写这种风格的轮子非常费劲,而 Vuetify 就是一个能帮助开发者快速构建基于 Material Design 风格应用的优秀框架。

2e482f5eca86588284d6f1f0b6146355.png

vuetify 鲜艳的配色

63e259a7902ecd26f074682c377696f6.png

Material Design 风格组件

值得尝试/选择的理由

  • 所有组件遵从 Material Design 设计规范,UI 体验非常优秀,能够媲美苹果但又完全不同的设计
  • 采用移动优先的设计,无论在手机、平板或 PC 电脑上都有完美的适配
  • 极其丰富详细的上手文档和免费的视频教程,社区活跃,全职团队维护,长期提供支持,每周发版
  • 在 Github 上有高达 28.3k 的Star,并且得到了 Vue.js 作者尤雨溪大神的推荐
  • 支持主题定制,提供无障碍(面向缺陷人群的访问)支持。支持树摇优化,能大大减少打包体积
  • 作为一个开源项目,大牌赞助商很多很坚挺,完全不用担心会黄
3cb84d7a38b32abfd8b1e807115f1110.png

vuetify 赞助商列表

Vuetify 使用体验如何?

Material Design 发布至今,因为其优秀独特的操作体验,被广泛应用在各类应用程序的界面构建上。Vuetify 作为一个在全球范围内非常受欢迎的开源项目,使得熟悉 Vue.js 开发的工程师能够快速做出同样优秀的应用。

这个 UI 框架的质量不用过多吹捧,无论是移动端还是 PC 端还是自适应的产品需求,都是胜任。如果接到的产品需求在设计上希望能和国内大部分诸如 element ui 、ant design 之类的中性框架有区别,或者用户面向国外,我强烈推荐选择 Vuetify 。

dd184d5ba6052070a7e2e5da33e93e2a.png

使用 vuetify 的admin案例

Vuetify 出自国外团队之手,官网提供中文文档,翻译略有些生硬但也不影响理解,需要注意的,无论是设计完善的组件,还是代码示例,都非常丰富而详细。遇到问题,认真阅读文档几乎都可以解决。

对于像Material Design 这类的复杂动效和细节的 UI 库来说,打包体积是个问题。值得一提的是 Vuetify 支持 树摇优化,这是一种比手动按需加载更好的自动优化打包体积的设计,就像树干随风摇动,把枯萎多余的枝叶摇掉一样,不需要开发者做任何设置,谁用谁爽。

免费开源使用说明

Vuetify 基于 MIT 协议授权并且开源,任何个人和商业机构都可以免费使用。Vuetify 由 John 和 Heather Leider 拥有和运营,他们是一家全职开源企业,核心开发团队有10多个成员,是开放源码开发人员,帮助引导Vuetify及其生态系统的方向。

关注我,持续分享高质量的免费开源、免费商用的资源。

↓↓点【了解更多】查看本次分享的相关网址。

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

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

相关文章

提示tun虚拟网卡没有安装_Win10家庭版通过Hyper-V安装Centos7+Python3.7过程总结

Win10专业版自带有虚拟机Hyper-V, 只需要在控制面板--程序中将其添加到应用就可使用,非常方便,但我电脑预装的是Win10家庭版,没有这个工具,但可以通过以下方法把它安装上:新建文件Hyper-V.cmd,文件内容&…

nginx 带宽_谈谈Nginx和LVS各自的优缺点以及使用

在最开始呢,咱们先说一下什么叫负载均衡,负载均衡呢,就是将一批请求,根据请求的内容,分发到不同的后端去进行相应的处理,从而提供负载分担,主备切换等功能。对于不同的负载均衡软件,…

wordpress 自定义分类url 重写_WordPress导航主题-WebStack导航主题

8月份写了一个导航主题,陆陆续续更新了十几版,功能自认已经很完善了,知乎也注册很久了,在这水片文章。首页截图预览地址一为忆 - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站,定时更新分享优…

sql跨表查询_白话django之ORM的查询语句

教程源码:z991/django_turital在日常开发中,数据库的增删改查(CDUR)中,查询需求偏多,所以查询的语法比增删改操作多得多,尤其是跨表关联查询,可以让代码精简很多年。直接上代码吧&am…

看不懂论文代码怎么办_学位论文中的公式排版(制表位+mathtype+域)

写在前面为什么把公式排版单独拉出来写一篇文章呢?因为公式排版实在是太难了。公式居中标号右对齐,简直反人类好么。在学校期间一直寻找方便的公式排版自动编号方法,但搜索出来的大多只是用到了制表位,公式标号还要自己敲。最后毕…

利用trunk实现vlan内通信_实现不同VLAN间通信——单臂路由

单臂路由是一种实现不同VLAN间通信的技术,其方法是在虚拟机内接口上配置虚拟子接口。该技术是一种应急技术,仅仅用于网络预算不足,无力购买三层交换机,或者网络规模很小的情况下使用。一、实验路由器只需要一个端口和交换机(二层)…

java dispatchevent_java事件处理机制

java中的事件机制的参与者有3种角色:1.event object:就是事件产生时具体的“事件”,用于listener的相应的方法之中,作为参数,一般存在与listerner的方法之中2.event source:具体的接受事件的实体&#xff0…

java中的action是指什么_Struts2【开发Action】知识要点

前言前面Struts博文基本把Struts的配置信息讲解完了.....本博文主要讲解Struts对数据的处理Action开发的三种方式在第一次我们写开发步骤的时候,我们写的Action是继承着ActionSupport类的...为啥我们继承了ActionSupport类呢?下面我就会讲解到继承Action…

hql 查询条件 set集合_Redis从入门到深入-Sorted_set的value

1. sorted_set 类型新的存储需求,数据排序有利于数据的有效展示,需要提供一种可以根据自身特征进行排序的方式需要的存储结构:新的存储模型,可以保存可排序的数据sorted_set类型:在set的存储结构基础上添加可排序字段2…

pdm生成java_PowerDesigner通过SQL语句生成PDM文件并将name和comment进行互相转换

本篇文章主要介绍了PowerDesigner通过SQL语句生成PDM文件并将name和comment进行互相转换 超详细过程(图文),具有一定的参考价值,感兴趣的小伙伴们可以参考一下1.软件准备软件:Navicat 11.1,Powerdesigner 152.安装步骤第一步&…

java里面如何加入高级的东西_如何成为一名Java高级架构师

近些年来互联网快速发展,现阶段的数据量和高并发的诉求,引起了不少传统的技术人员的力不从心,企业愈发关注到了系统架构的重要性,既需要掌控整体又需要洞悉局部瓶颈并依据具体的业务场景给出解决方案的领导型人物——Java架构师应…

mysql获取最好成绩对应数据的其他项_开源数据同步神器——canal

前言如今大型的IT系统中,都会使用分布式的方式,同时会有非常多的中间件,如redis、消息队列、大数据存储等,但是实际核心的数据存储依然是存储在数据库,作为使用最广泛的数据库,如何将mysql的数据与中间件的…

window访问不到linux的activemq_springboot整合开源项目测试拦截接口访问的频率

本节目标本篇文章主要是介绍以下springboot整合开源项目,实现反爬虫接口防刷的demo,额外的介绍一下axios的基本用法;所以本篇文章阅读起来相对轻松。OK,下面开始整合.引入项目依赖cn.keking.project kk-anti-reptile …

sql server限制查询条数_18. Django 2.1.7 查询集 QuerySet

上一篇Django 2.1.7 模型 - 条件查询 F对象 Q对象 聚合查询讲述了关于Django模型的介绍F对象、Q对象、聚合查询等功能。不管什么查询,返回的结果都基本是查询集QuerySet,如下:In [16]: MiddlewareInfo.objects.all()Out[16]: 1)>, 2)>,…

ecs 云服务器 管理控制台_阿里云ECS服务器监控资源使用情况

阿里云Ecs服务器运维过程中,无论是Centos系统还是Windows系统,有时候我们需要监控分析最新的服务器资源利用率等运行情况,例如最近3个小时CPU使用率情况、内存使用率、网络流入带宽、网络流出带宽、服务器TCP连接数等数据状况。上述提到的这些…

svg 地图_找地图素材?有这个网站就够了!

文 | 孙宁使用地图类的素材最担心什么?答案是:地图数据的准确性!设想,你辛辛苦苦找来的地图素材,却被人发现是一个假的地图,那可是要犯错误滴~今天给大家推荐一个地图网站,完全不用担心这个问题…

hadoop设置java环境_hadoop安装(3)_Linux配置JDK环境

hadoop分布式集群安装的过程中要先给Linux系统配置好JDK环境,因为hadoop是基于Java开发的。所以本文主要介绍如何在centos上安装jdk环境,主要步骤如下:1、去Oracle官网下载Linux版本的jdk,地址如下:笔者下载的是JDK1.8…

sqlplus怎样将名次显示在表的后面_数据透视表-01 3种分析方法比拼,助你步入透视表的知识宝殿...

数据透视表通俗的讲就是一种在EXCEL表中对数据进行分析汇总的方式,它可以方便的排列、汇总复杂数据,更加清晰的查看、分析隐藏在数据内部的信息。另外在菜单栏数据选项下的合并计算和分类汇总也可以进行简单的统计分析下面我们通过一个小例子来了解一下合…

php引用计数器,PHP 引用计数器 通俗版解释_PHP教程

PHP 引用计数器 通俗版解释概述最近看PHP中的引用计数器部分,首先被各种绕晕,然后通过看博客和分析后,总结了一个比较通俗的解释,能帮助自己很好地记忆,也希望能帮助到各位读者。这里分享一遍博文,是比较正…

windows c语言 http https检测_C语言编程工具的选择

1.先说说我的故事我是2007年上的大学,一所双一流工科大学。专业是计算机科学与技术。我们计算机专业没有C语言这门课。其他工科专业会学C语言这门课。据我所知,其他的工科专业需要过C语言2级考试。计算机专业不用考2级、3级...这些考试。我们计算机专业学…