- 当前 Bug 的表现（可附上截图）





- 预期表现





- 复现路径


- 提供一个最简复现 Demo
【CSS】


.skuInfo-attr-value{
display: inline-block;
min-width: 200rpx;
height: 60rpx;
line-height: 60rpx;
font-size: 24rpx;
border-radius:30rpx;
text-align: center;
margin:20rpx 30rpx 0 0;
box-sizing: border-box;
padding:0 30rpx;
color:#000;
border:1px solid #999;
background-color: #fff;
overflow: hidden;
}


/* 可选（默认） */
.skuInfo-attr-value-selected1{
color:#000;
border:1px solid #999;
background-color: #fff;
}
/* 可选点击颜色 */
.skuInfo-attr-value-selected2{
color: #fff;
border:1px solid #F0445C;
background-color: #F0445C;
}
/* 不可选默认颜色 */
.skuInfo-attr-value-selected3{
color: #999;
border:1px dashed #999;
background-color: #fff;
}
/* 不可选点击颜色 */
.skuInfo-attr-value-selected4{
color: #F0445C;
border:1px dashed #F0445C;
background-color: #fff;
}


【HTML】


{{item.saleName}}

class="skuInfo-attr-value {{'skuInfo-attr-value-selected' + items.status}}"
wx:for="{{item.saleAttrList}}"
wx:for-item="items"
wx:key="items"
data-index = "{{index}}"
data-item="{{items}}"
bindtap="onTapAttr">{{items.saleValue}}

微信小程序开发问题解答

本文网址：http://www.91bianli.com/weixinxiaochengxu/51178.html