工具栏背景色，带渐变效果

Question

我想用渐变效果再现背景色，我们可以在Vuetify官方文档website的工具栏上看到。

Jambotron具有grandient道具，但工具栏没有。

我打开了开发工具，发现申请v-toolbar的类没有复制这种蓝色渐变颜色。

有什么主意吗？

Answer 1

您可以通过应用一些CSS来实现

.gradient {
  background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);}

并在工具栏中添加类：

<v-toolbar class="gradient" ...>

这里是Codepen

您可以详细了解here