分类菜单微信小程序开发之选项卡(窗口顶部TabBar)页面切换很类似
有同学要仿美团分类菜单.写了一个.
跟 微信小程序开发之选项卡(窗口顶部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 });
-
},
-
})