微信小程序 仿美团分类菜单 swiper分类菜单

有同学要仿美团分类菜单.写了一个.

跟 微信小程序开发之实现选项卡(窗口顶部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 });

},

})

以上是 微信小程序 仿美团分类菜单 swiper分类菜单 的全部内容, 来源链接: utcz.com/z/354817.html

回到顶部