版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_39702981/article/details/84839083
有同学要仿京东分类菜单.写了一个.
跟 微信小程序开发之实现选项卡(窗口顶部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 });
},
})