时间戳

首页 > 解决方案 > Vuetify - 改变卡片加载方式？

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

问题描述

我喜欢这个选项

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

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

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

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

标签： javascriptvue.jsvuetify.js

解决方案

除了修改 CSS 并从v-progress-linearto更改v-progress-overlay并希望一切按预期工作之外，您将没有更多选择

文档说，对于插槽v-card：

  • 名称：进步
  • 描述：自定义进度线性的槽（当加载道具不等于布尔值时显示）

因此您可以使用 atemplate但您的选择仅限于“线性进度”

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

作为CodePen 中的示例

推荐阅读