Vuetify：如何修改步骤的默认颜色？

Question

我正在使用 Vuetify 的Stepper 组件。

默认情况下，步骤的颜色为蓝色：

对应的一段代码是：

<v-stepper-step :complete="e1 > 1" step="1">Name of step 1</v-stepper-step>

Codepen上的实时测试。

Answer 1

您可以简单地将颜色传递给组件color上的属性v-stepper-step。

<v-stepper-step color="red">Step 1</v-stepper-step>

自定义主题颜色color="success"也可以。