Как сделать градиент над изображением v-параллакса с помощью vuetify?

Question

У меня есть простой <v-parallax> с некоторыми заголовками и тегами кнопок, отображаемыми поверх изображения. Как лучше всего сделать градиент или просто затемнить изображение в параллаксе с помощью vuetify? Можно ли это сделать с <v-overlay>? Спасибо!

Answer 1

Вы могли бы взглянуть на это jsfiddle , и я надеюсь, что это будет то, что вы ищете. простое решение может заключаться в использовании <v-overlay внутри <v-parallax> и установке атрибута absolute во избежание прокрутки с наложением содержимого.

<v-parallax dark :src="imgSrc">
    <v-overlay value="true" absolute>
          overlay text over parallax
    </v-overlay>
</v-parallax>