有同学要仿美团分类菜单.写了一个.
跟 微信小程序开发之实现选项卡(窗口顶部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 }); }, })
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持移动技术网!
如对本文有疑问, 点击进行留言回复!!
Android 入门第七讲01-数据存储(数据存储概述,文件存储(raw和asserts目录读写,data/data/包名目录读写,sdcard目录读写),SharedPreferences读写)
vue-axios系列:axios拦截器,配置请求头,配置请求参数
Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法
网友评论