当前位置:   article > 正文

vuetify,一直使用一直爽

vuetify

大家好,我是为前端娱乐圈操碎了心的小迷妹,每天推荐一个小工具/源码/知识点,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标。

 

一直在整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习。

 

最近超喜欢这个框架-Vue.js 的 Material 组件框架 Vuetify。

 

推荐指数:star:25.4k
适用:移动PC多端支持

 

贴上地址:

 

GitHub地址:https://github.com/vuetifyjs/vuetify
官网地址:https://vuetifyjs.com/zh-Hans/

 

 

Vuetify确实是一款非常精致的UI框架,它提供了很多常用的组件,依靠Material Design的设计优势,让你无需编写一行css代码就可以得到非常美观的界面功能。

 

响应式做的不错,移动PC多端支持,配置灵活,组件也挺多的,足够现代,功能全面vuetify,一直用一直爽,强烈推荐vuetify。

 

 

浏览器支持

Vuetify 支持所有现代浏览器,包括 IE11 和 Safari 9+。从手机到笔记本电脑到 PC,均可在这些设备上完成交付。

 

如果需要针对搜索引擎进行优化,尝试使用 vue-cli Webpack SSR(服务器端渲染)模板。

 

示例组件

栅格系统

 

 

 

日历

 

 

说实话,上手确实有一定难度,我在起步安装上就耗费了不少时间,可能是国外的思维习惯和国人的不太一样。

 

有elementui,iview的直来直去,用法略显复杂,文档虽然写的很丰富,但是当你用上一个组件后,总感觉很多细节没有说清楚,很多技巧需要自己摸索。

 

但是抛开这些,Vuetify确实是一款非常精致的UI框架,它提供了很多常用的组件,依靠Material Design的设计优势,让你无需编写一行css代码就可以得到非常美观的界面功能。

 

同时Vuetify还具备自适应的能力,可以使用一份代码写出同时兼容手机平板电脑的网页功能,非常值得你花时间去上手使用它。

 

我觉得 Vuetify 有两个突出的优点:

 

1、默认样式就很好看,我之前用 Ant Design,.vue 文件里经常要写一些 CSS 来改变控件的默认外观、间距什么的。

 

用上 Vuetify 后,我发现基本不用手写  CSS 了。

 

2、对移动端的支持非常好,我的博客一套代码,在 PC 端和移动端都很完美,关键是实现起来很简单。

 

 

 

 

 

 

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号