时间:2021-05-18
有同学要仿美团分类菜单.写了一个.
跟 微信小程序开发之实现选项卡(窗口顶部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 }); },})以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了Android编程实现仿美团或淘宝的多级分类菜单效果。分享给大家供大家参考,具体如下:这里要实现的是诸如美团/淘宝/百度糯米多级分类菜单效果。当分
本文实例讲述了div+css实现仿淘宝的产品分类菜单效果代码。分享给大家供大家参考。具体如下:这是一款仿淘宝的产品分类菜单,CSS菜单,鼠标移上去,显示隐藏部分
本文实例讲述了原生JS实现仿淘宝网左侧商品分类菜单效果代码。分享给大家供大家参考。具体如下:这是一款原生JS实现的仿淘宝网左侧商品分类菜单效果代码,JavaSc
微信小程序用swiper组件实现仿抖音短视频上下划动整页切换视频功能demo利用swiper组件可简单快速编写仿抖音短视频的功能自动播放当前页视频翻页停止播放当
本文实例为大家分享了微信小程序实现美团菜单的具体代码,供大家参考,具体内容如下1.功能仅是菜单功能一部分,仅供参考2.需求描述:右侧菜品部分在滚动的时候,左侧菜