Varlet组件库官网
Varlet组件库官网网址: https://varlet.gitee.io/varlet-ui/#/zh-CN/home
Varlet-UI组件库是一个基于Vue3开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区的小伙伴开发和维护。star高达1.3K+,超过40+常用组件,可以通过通过npm或yarn安装。
一、Varlet-UI组件库的特性
1.提供50个高质量通用组件
2.组件十分轻量
3.由国人开发,完善的中英文文档和后勤保障
4.支持按需引入
5.支持主题定制
6.支持国际化
7.支持 webstorm,vscode 组件属性高亮
8.支持 SSR
9.支持 Typescript
10.确保90%以上单元测试覆盖率,提供稳定性保证
11.支持暗黑模式
二、Material 风格介绍
Material Design,中文名:材料设计语言,是由 Google 推出的全新的设计语言,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。
三、为什么选择 Material
在早期的移动端设备中,大色块以及强烈对比色,对显示设备要求很高,同时非线性动画和水波纹对 GPU 有一定要求。 导致 Material 风格并没有在移动端浏览器环境下有很好的体验,更多选择更扁平朴素的风格投入产品。 但随着现代设备和新的 js 框架运行时处理的效率的逐步提升,浏览器有了更多的空闲时间和能力去处理动画效果,Material Design 将会给应用带来更好的体验。