需要作出这样的效果:
这个用jquery我很熟练做出来,但不知道用小程序js如何实现,烦请大神们帮帮忙,指点指点~
我的代码是这样的:
<view class='stateTitle {{Index==index?"coupActive":""}}' bindtap='unusedTap'wx:for='{{headTitle}}'wx:key='index'data-index='{{index}}' >
{{item}}
</view>
data: {
headTitle:["未使用","已使用","已过期"],
unuesd:true,
},
unusedTap: function (event){
var that = this;
that.setData({
Index: event.currentTarget.dataset.index
})
},
可以实现点击选择的效果,但是最初默认第一项添加颜色和下划线样式的没有,请问怎么做呢?