javascript - 验证 : color does not apply on UI component

<分区>

在Vuetify ，我使用了一个工具栏组件并将其颜色设置为 primary , 所以它是 supposed以蓝色显示，但我看到它是白色的:

<v-toolbar dark color="primary">
   <v-btn icon>
      <v-icon>more_vert</v-icon>
   </v-btn>
</v-toolbar>

仅当我使用 <v-toolbar dark> 时然后我看到工具栏变成黑色(如预期的那样)，当使用 <v-toolbar blue> 时(或任何其他颜色)它变成白色。

我的设置可能有什么问题？我正在使用默认的 Vuetify 主题 ( Vue.use(Vuetify) )。

最佳答案

这可能不是答案，但它可能会澄清一点。要设置工具栏的样式，您可以像设置主题一样设置主题:

<v-toolbar dark>

dark 也可以是light。

要更改颜色，您需要使用 color 属性指定它:

<v-toolbar color="blue">

你在这里尝试做的是行不通的。如前所述，主题可以是 light 或 dark。

<v-toolbar blue>

您是否通过任何更改将原色更改为白色？

Vue.use(Vuetify, {
  theme: {
    "primary": "#1976D2",

关于javascript - 验证 : color does not apply on UI component，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52253308/

相关文章：

javascript - 我网页上的 PayPal 捐赠确认