在循环中用v-bind绑定boxshadow
因为boxshadow含有多个属性,大概的意思就是运用方法参数进行回调。
<view class="status">
<view class="statusCard" v-for="(item, index) in statusCard" :key='index'>
<a href="#" v-if="index==0"></a>
<image
:src="item.successUrl"
:class="index===statusCard.length-1?'currentimg':''"
v-if="item.status=='success'"
mode="aspectFill"
:style="shadow(item.circleColor)">
</image>
</view>
注意circleColor是给该盒子的阴影颜色
methods:{
//返回主页按钮
shadow(t){
var string=" 0rpx 12rpx 24rpx 0rpx"+' '+t
console.log(string)
return{'box-shadow':string }
},
}