微信小程序商品规则选择样式

 

1 效果

 

2 wxml

 <view class="sku-container">
    <view class="sku">
    <view class="items">
      <text class="active"  bindtap="additionSelect">hahaha</text>
      <text class=""  bindtap="additionSelect">hahaha</text>
    </view>
  </view>
</view>

 

3 css

.sku-container .sku .items text.active {
  border: 1rpx solid #e64340;
  color: #e64340;
}

.sku-container .sku .items text {
  padding: 8rpx 16rpx;
  border: 1rpx solid #eee;
  color: #666;
  margin: 24rpx 24rpx 0 0;
  font-size: 26rpx;
  border-radius: 8rpx;
}