Page({
/** * 頁面的初始資料 */ data: { selected: true, selected1: false, selected2: false, //模擬資料 cateItems: [ { cate_id: 1, cate_name: "全部", ishaveChild: true, children: [ { child_id: 1, name: '鞭炮', image: "http://huapao.zikaozhuxue.net/images/201801/thumb_img/721_thumb_G_1516693169381.jpg" }, { child_id: 2, name: '噼裡', image: "http://huapao.zikaozhuxue.net/images/201801/thumb_img/721_thumb_G_1516693169381.jpg" }, { child_id: 3, name: '啪啦', image: "http://huapao.zikaozhuxue.net/images/201801/thumb_img/721_thumb_G_1516693169381.jpg" }, ] }, { cate_id: 2, cate_name: "日景", ishaveChild: true, children: [ { child_id: 1, name: '鞭炮', image: "http://huapao.zikaozhuxue.net/images/201801/thumb_img/721_thumb_G_1516693169381.jpg" }, { child_id: 2, name: '噼裡', image: "http://huapao.zikaozhuxue.net/images/201801/thumb_img/721_thumb_G_1516693169381.jpg" }, ] }, { cate_id: 3, cate_name: "夜景", ishaveChild: true, children: [ { child_id: 1, name: '鞭炮', image: "http://huapao.zikaozhuxue.net/images/201801/thumb_img/721_thumb_G_1516693169381.jpg" }, { child_id: 2, name: '噼裡', image: "http://huapao.zikaozhuxue.net/images/201801/thumb_img/721_thumb_G_1516693169381.jpg" }, { child_id: 3, name: '啪啦', image: "http://huapao.zikaozhuxue.net/images/201801/thumb_img/721_thumb_G_1516693169381.jpg" }, ] }, ], curNav: 1, curIndex: 0 },
//事件處理函式 switchRightTab: function (e) { // 獲取item項的id，和陣列的下標值 let id = e.target.dataset.id, index = parseInt(e.target.dataset.index); // 把點選到的某一項，設為當前index this.setData({ curNav: id, curIndex: index }) },
selected: function (e) { this.setData({ selected1: false, selected2: false, selected: true, }) }, selected1: function (e) { this.setData({ selected: false, selected1: true, selected2: false }) }, selected2: function (e) { this.setData({ selected: false, selected1: false, selected2: true, }) },
/** * 生命週期函式--監聽頁面載入 */ onLoad: function (options) { },
/** * 生命週期函式--監聽頁面初次渲染完成 */ onReady: function () { },
/** * 生命週期函式--監聽頁面顯示 */ onShow: function () { },
/** * 生命週期函式--監聽頁面隱藏 */ onHide: function () { },
/** * 生命週期函式--監聽頁面解除安裝 */ onUnload: function () { },
/** * 頁面相關事件處理函式--監聽使用者下拉動作 */ onPullDownRefresh: function () { },
/** * 頁面上拉觸底事件的處理函式 */ onReachBottom: function () { },
/** * 使用者點選右上角分享 */ onShareAppMessage: function () { }})