微信小程序 仿美團分類菜單 swiper分類菜單
發(fā)布時間：2017-12-12 17:53 所屬欄目：小程序開發(fā)教程
分類菜單微信小程序開發(fā)之選項卡(窗口頂部TabBar)頁面切換很類似
有同學要仿美團分類菜單.寫了一個.
跟 微信小程序開發(fā)之選項卡(窗口頂部TabBar)頁面切換很類似
仿美團分類菜單
代碼:
js就這么一點
-
//index.js -
//獲取應用實例 -
var app = getApp() -
Page({ -
data: { -
currentTab: 0, -
grids: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9], -
swiperList:[0, 1, 2, 3, 4] -
}, -
onLoad: function () { -
}, -
click: function (e) { -
console.log(e.currentTarget.dataset.id) -
console.log(e.currentTarget.dataset.index) -
wx.showToast({ -
title: '第' + e.currentTarget.dataset.id + '欄' + '第' + e.currentTarget.dataset.index + '個', -
icon: 'success', -
duration: 1500 -
}) -
}, -
/** -
* 滑動切換tab -
*/ -
bindChange: function (e) { -
console.log(e.detail.current) -
this.setData({ currentTab: e.detail.current }); -
}, -
})
