wxml:
<view class="nav_title {{nav == index ? 'navActive' : ''}}" data-index="{{index}}" bindtap="navTab" wx:for="{{navList}}">
js:
Page({
/**
* 页面的初始数据
*/
data: {
navList:['标准化产品','定制研发'], //导航栏内容
nav: 0, //class名的位置
},
navTab(e){ //点击切换class名
var that = this;
var index = e.currentTarget.dataset.index;//获取当前点击的元素下标
that.setData({
nav: index
})
},
})
wxss:
.navActive { //切换的class样式
color:#0050FF;
font-weight: 600;
}