Vuetify：在使用例如卡片
Vuetify: how to just apply border to component without the rest of stuff when using e.g. card
我有一个组件，使用 v-row 和 v-col 渲染，在下一个 v-row.
之前需要一个非侵入式分隔符
我的想法是使用 Vuetify 样式渲染分隔线，而不是我自己的样式，因为一致性。
所以我想通过指定 class="v-card v-sheet" 来应用与 v-card 相同的样式，我得到了带框阴影的边框。
但我也得到了所有其他 CSS，例如边距和填充。
我查看了文档，试图找到能给我想要的东西，但我找不到。
那么，Vuetify 是否提供了一个只声明 box-shadow 和 border-radius 的 CSS class？
Vuetify 确实提供 Border-Radius and Elevation 实用程序 类。这使您可以构建类似于 v-card 但没有任何其他样式的外观。
<v-row class="rounded elevation-1">
</v-row>
我有一个组件，使用 v-row 和 v-col 渲染，在下一个 v-row.
我的想法是使用 Vuetify 样式渲染分隔线，而不是我自己的样式，因为一致性。
所以我想通过指定 class="v-card v-sheet" 来应用与 v-card 相同的样式，我得到了带框阴影的边框。
但我也得到了所有其他 CSS，例如边距和填充。
我查看了文档，试图找到能给我想要的东西，但我找不到。
那么，Vuetify 是否提供了一个只声明 box-shadow 和 border-radius 的 CSS class？
Vuetify 确实提供 Border-Radius and Elevation 实用程序 类。这使您可以构建类似于 v-card 但没有任何其他样式的外观。
<v-row class="rounded elevation-1">
</v-row>