javascript - Vuetify - 改变卡片加载方式？

Question

我喜欢这个选项

<v-card :loading="loading">...

但我想将样式从线性进度条更改为(例如)叠加。
我知道我可以通过绑定(bind)颜色而不是 bool 值(真)来改变颜色。

<v-card :loading="'red'">...

但是我可以以这种方式改变行为吗？在 loading=true 时使条形变粗或变好以显示叠加?

Answer 1

除了修改 CSS 并从 v-progress-linear 更改至v-progress-overlay并希望一切都按预期进行，您将没有更多选择

documentation says , 对于 v-card插槽:

姓名:进度

说明:插槽用于自定义进度线性 (loading prop 不等于 Boolean False 时显示)

所以你可以使用 template但您的选择仅限于“线性进度”

<v-card :loading="loading">
    <template slot="progress">
        <v-progress-linear color="red" indeterminate></v-progress-linear>
    </template>
    ...
</v-card>

作为 example in CodePen