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