有同學(xué)要仿美團(tuán)分類菜單.寫了一個(gè). 
跟 微信小程序開(kāi)發(fā)之選項(xiàng)卡(窗口頂部TabBar)頁(yè)面切換很類似

仿美團(tuán)分類菜單

代碼: 
js就這么一點(diǎn)

1. //index.js
2. //獲取應(yīng)用實(shí)例
3. var app = getApp()
4. Page({
5. data: {
6. currentTab: 0,
7. grids: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
8. swiperList:[0, 1, 2, 3, 4]
9. },
10. onLoad: function () {
11. },
12. click: function (e) {
13. console.log(e.currentTarget.dataset.id)
14. console.log(e.currentTarget.dataset.index)
15. wx.showToast({
16. title: '第' + e.currentTarget.dataset.id + '欄' + '第' + e.currentTarget.dataset.index + '個(gè)',
17. icon: 'success',
18. duration: 1500
19. })
20. },
21. /**
22. * 滑動(dòng)切換tab
23. */
24. bindChange: function (e) {
25. console.log(e.detail.current)
26. this.setData({ currentTab: e.detail.current });
27. },
28. })