如何设置vuetify v-toolbar背景图片?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (585)

如何为v-toolbar设置背景图像?

我尝试使用style =“background-image:url(https://myimage.com/file1.jpg)”,但只有v-toolbar-title才能应用它。下面是示例代码。任何帮助将不胜感激

    <v-toolbar app style="background-image:url(https://myimage.com/file1.jpg)">
  <v-toolbar-title class="headline text-uppercase">
    <span>Vuetify</span>
    <span class="font-weight-light">MATERIAL DESIGN</span>
  </v-toolbar-title>
  <v-spacer></v-spacer>
  <v-btn
    flat
    href="https://github.com/vuetifyjs/vuetify/releases/latest"
    target="_blank"

  >
    <span class="mr-2">Latest Release</span>
    <v-icon>open_in_new</v-icon>
  </v-btn>
</v-toolbar>

提问于
用户回答回答于

这是一个vuetify组件,无法直接设置样式。

您可以查看官方文档以了解要执行的操作

所属标签

可能回答问题的人

  • Richel

    9 粉丝0 提问3 回答
  • 无聊至极

    6 粉丝504 提问2 回答
  • 学生

    8 粉丝476 提问2 回答
  • 风华一代

    3 粉丝469 提问2 回答

扫码关注云+社区

领取腾讯云代金券