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

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_31383345/article/details/54561865

有同学要仿美团分类菜单.写了一个.
微信小程序开发之选项卡(窗口顶部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 });
  },
})

demo下载地址
我的博客,欢迎批评!
CSDN微信小程序开发专栏,欢迎关注!

展开阅读全文

没有更多推荐了,返回首页