微信小程序开发之实现收货地址中标签效果

效果:

微信小程序开发之实现收货地址中标签效果_第1张图片

主要思路就是:给每一个span设置一个data属性,通过点击事件获取这个属性值,并将其赋给activeItemIndex,然后在每一项通过判断activeItemIndex与固定值的比较,来切换不同的class

 wxml:

微信小程序开发之实现收货地址中标签效果_第2张图片

wxss:

微信小程序开发之实现收货地址中标签效果_第3张图片 

js:

 

 微信小程序开发之实现收货地址中标签效果_第4张图片

你可能感兴趣的:(微信小程序开发之实现收货地址中标签效果)