<view class='centData-cent'>
<view wx:for="{{menudata}}" data-numb="{{index}}" bindtap="menuClick" class="topborder {{numbr==index?'bottomborder':''}}">
<view>
{{item.chinese}}
</view>
</view>
</view>
<view class='cent'>
<view wx:if="{{item.state}}" data-index="{{index}}" wx:for="{{data}}">{{item.name}}</view>
</view>
.bottomborder{color: red;}
Page({
/**
* 頁面的初始資料
*/
data: {
numbr: 0, //切換class的憑證
menudata: [{
chinese: '點菜'
},
{
chinese: '評價'
},
{
chinese: '商家'
}
],
data: [{
name: '111',
state: true
},
{
name: '222',
state: false
},
{
name: '333',
state: false
}
]
},
/**
* 生命週期函式--監聽頁面載入
*/
onLoad: function(options) {
},
/**
* 生命週期函式--監聽頁面初次渲染完成
*/
onReady: function() {
},
/**
* 生命週期函式--監聽頁面顯示
*/
onShow: function() {
},
/**
* 生命週期函式--監聽頁面隱藏
*/
onHide: function() {
},
/**
* 生命週期函式--監聽頁面解除安裝
*/
onUnload: function() {
},
/**
* 頁面相關事件處理函式--監聽使用者下拉動作
*/
onPullDownRefresh: function() {
},
/**
* 頁面上拉觸底事件的處理函式
*/
onReachBottom: function() {
},
/**
* 使用者點選右上角分享
*/
onShareAppMessage: function() {
},
// 點選分類選單,切換class
menuClick: function(e) {
var that = this;
var index = e.currentTarget.dataset.numb;
console.log("---", index);
for (var k = 0; k < that.data.data.length; k++) {
var bbb = "data[" + k + "].state"
that.setData({
numbr: e.currentTarget.dataset.numb,
[bbb]: false
})
}
var aaa = "data[" + index + "].state"
that.setData({
numbr: e.currentTarget.dataset.numb,
[aaa]: true
})
}
})