Vuetify笔记
Part 0 前言
Vuetify是基于Vue编写的Material Design框架,适合用来搭建前端项目。一些课程网站如OO采用了这一方案。
笔者在大三下软件工程课程的杰结对编程中为了快速实现一个桌面GUI采用了electron+vuetify的解决方案。
Part 1 UI组件
数据表格 v-data-table
参考资料:
用于方便的展示数据表,不过似乎在拉伸窗口大小使得字放不下的时候会拉高高度,暂时没有解决。
图标 v-icon
参考资料:
提供了许多字形,只需使用mdi
前缀即可方便地使用,很适合在个性化需求不高的场景。
标签 v-tab
参考资料:
笔者主要用来处理需要展示的静态内容过多导致v-data-table
放不下的场景。该组件也可以用于展示动态数量的标签。
文本框 v-text-field
参考资料:
其中的filled
风格很OO,笔者很喜欢,拿来用了。
Part 2 样式和动画
间距
参考资料:
关于具体参数的含义,上述官方文档已经比较详尽。
This is copyright.