微信小程序 点击选项框添加样式

静态：

<view class='gg'>

　　<view>规格</view>

　　<view bindtap='norms' class="norms {{'1' == vid? ' dj ' : ' '}}" data-id='1' >2 - 4人（6寸）</view>   

　　<view bindtap='norms' class="norms {{'2' == vid? ' dj ' : ' '}}" data-id='2' >4 - 6人（8寸）</view>       （注：dj  为点击后的样式）

　　<view bindtap='norms' class="norms {{'3' == vid? ' dj ' : ' '}}" data-id='3' >6 - 8人（10寸）</view>

<view class='clear'></view>

</view>

 

js:

 

page({

　　data:{

　　　　vid:1,

　　}

　　

　　norms:function(e){

　　　　var id=e.currentTarget.dataset.id;

　　　　this.setData({vid:id});

　　},

　　

 

})