wxml中
<view class="bar-left" style='--width--:{{widthview}}%;'>
<image class="bar-icon" src="https://yokea-new.oss-cn-beijing.aliyuncs.com/xcx/newImages/flashsale/qicon.png"></image>
</view>
wxss中
.bar-left{
/* width: 100rpx; */
width: var(--width--);
background-image: linear-gradient(to right, #2458FF , #80B0FF);
border-radius: 14.5rpx;
position: relative;
}
js
data: {
widthview: 80,
},
效果图
![](https://i-blog.csdnimg.cn/blog_migrate/99897e7de66db9c3c861a45b36aebc65.png)