减小vuetify组件的大小

时间:2019-08-09 18:40:19

标签: vue.js components vuetify.js

我正在用vuetify运行一个vue应用程序,我注意到几乎每个组件由于某种原因都太大了,我尝试了很多技巧(其中大多数使用CSS)来减小它们的大小,但是没有一件容易的事或至少是一个好习惯。我想知道在尝试时是否缺少某些东西,或者是否有任何资源可以使用。这是一个更多的问题,这就是为什么我没有发布任何有关它的代码。

1 个答案:

答案 0 :(得分:0)

Vuetify.js是一个材料设计组件框架

Vuetify v1.x使用材料设计规范v1 https://material.io/archive/guidelines/material-design/introduction.html),而Vuetify v2.x将使用材料设计规范v2 ({{3} }),因此基本上他们遵循的是良好设计的经典原则,包括一些用于可用性的间距和布局规则(https://material.io/guidelines/

但是,如果您的特定需求有所不同,则可以尝试检查是否可以使用SASS变量来完成某些所需的自定义操作:

https://material.io/design/layout/spacing-methods.html#baseline

此外,您可以检查Vuetify主题自定义

https://vuetifyjs.com/en/customization/sass-variables