分类菜单微信小程序开发之选项卡(窗口顶部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 });
},
})