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

时间:2019-05-01 16:43:20

标签: vue.js vuetify.js

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

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

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

有什么主意吗?

1 个答案:

答案 0 :(得分:0)

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

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

并在工具栏中添加类:

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

这里是Codepen

您可以详细了解here