vue2.x 标签动态设置背景问题,有透明度
需求是这样的,有个标签,它的透明度随着进度的大小而改变,进度是0%-100%,对应的透明度是0.5-0,直接上代码// 随着进度而变化标签的透明度<div class="shade" :style="{ background: 'rgba(0, 0, 0, '+(1-item.progress/100)/2+')' }" >&am
·
需求是这样的,有个标签,它的透明度随着进度的大小而改变,进度是0%-100%,对应的透明度是0.5-0,直接上代码
// 随着进度而变化标签的透明度
<div class="shade" :style="{ background: 'rgba(0, 0, 0, '+(1-item.progress/100)/2+')' }" ></div>
网上一直是图片的,是这样的:
// 随着进度而变化标签的透明度
<div class="shade" :style="{ backgroundImage: 'url('+path+')' }" ></div>
总结一下,就是动态添加style,右边有固定属性(如:url,rgba)的需要加引号,动态内容拼接
更多推荐
已为社区贡献1条内容
所有评论(0)