vue 动态设置背景图片，并设置背景图片的渐变色 

<div class="details-backgroun" :style="'background-image: linear-gradient(90deg, rgba(19,21,77,.9) 15%,rgba(19,21,77,.1) 80%),url(' + url +');'">
</div>
data(){
        return{
            url: 'https://img2.baidu.com/it/u=3260942491,3130294538&fm=26&fmt=auto',
　　}
}

 

效果

 

posted @ 2021-12-23 11:57  龙卷风吹毁停车场  阅读(1993)  评论(0)    收藏  举报