Vuetify 突然显示不同的边距？

Question

我正在做一个项目。我开始在一个新地点开展该项目，我注意到所有利润都不同！而package.json是相同的。所以唯一的区别是新的npm install。例如，.row类margin-right: -12px; marging-top:-12px在另一个位置有 whilemargin: -12px。

我删除了node_modules第一个位置的文件夹并运行npm install. 现在第一个位置与第二个位置完全相同，marging所有方向都等于-12px。但我相信边际.row阶级的边际在底部和顶部必须为零。

为什么？

Answer 1

听起来 vuetify 已经更新了。几周前我们刚刚经历过同样的问题。v-row由于Vuetify版本 2.4.0中发生了重大更改

我们刚刚删除了标签中的所有负填充/边距v-row，它解决了问题。

在问题页面上找到的另一个解决方案

.row {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

以下是发行说明中的​​摘录：

除了现有的水平边距之外，v-row 现在还具有负垂直边距，以便在嵌套网格组件时修复间距（问题＃11408）。已知此更改在某些情况下会导致布局问题，但应该很容易修复。有关此问题的讨论可以在#12848 中找到。

#11408 的解决方法如果您应用自己的负边距或覆盖 v-col 填充，那么既然错误已得到修复，您将需要删除这些解决方法。