<v-card
:img="require('@/core/assets/homeBg.png')"
>
</v-card>
影像按原樣顯示，但我只想知道是否有任何方法可以將漸變應用于該影像。
（實際上我只是想使影像變暗，以便它前面的文本更具可讀性）
uj5u.com熱心網友回復：
您可以使用線性漸變和影像添加自己的樣式：
<v-card
style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(require('@/core/assets/homeBg.png')) center center / cover no-repeat"
>
</v-card>
注意：在里面url()你應該有圖片的路徑/網址。通過改變rgbA顏色的不透明度來控制黑暗。影像位置 ( center center)、影像大小 ( cover) 和重復 ( no-repeat) 復制與imgprop fromv-card生成它們相同。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/329449.html