vue.js - 如何更改 v-slider 的大小？

Question

我尝试更改 v-slide 栏的高度，我尝试使用组件的指令，但它只更改容器的高度，我还尝试用类覆盖 css

有什么建议么？

组件：https ://vuetifyjs.com/en/components/sliders#sliders

标签： vue.jsecmascript-6sassvuetify.js

Answer 1

已经有一段时间了，但这是我的答案。

尝试这个：

  >>>.v-slider__thumb {
    height: 20px;
    width: 20px;
  }

  >>>.v-slider--horizontal .v-slider__track-container {
    height: 10px;
  }

如果你想了解它是如何工作的，请阅读这篇文章。我也找到了这个答案，有更详细的解释。

这是我的结果：

如果这对您有帮助，请将其标记为正确答案:)