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

更新时间：2017年04月12日 09:17:57 作者：dzp_coder

本文主要介绍了微信小程序仿美团分类菜单（swiper分类菜单）的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

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

代码:

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 });
 },
})

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

基于javascript实现浏览器滚动条快到底部时自动加载数据
这篇文章主要介绍了基于javascript实现浏览器滚动条快到底部时自动加载数据的相关资料,需要的朋友可以参考下
2015-11-11
Bootstrap Table的使用总结
这篇文章主要介绍了Bootstrap Table的使用小结，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-10-10
JavaScript重定向URL参数的两种方法小结
关于JavaScript重定向URL参数的实现方法网站有很多，这篇文章的主要内容是从网上查找，并进行了修改，简单粗暴的实现使用JavaScript重置url参数，文中给出了详细的示例代码和调用代码，对大家的理解和学习很有帮助，感兴趣的朋友们下面来一起看看吧。
2016-10-10
webpack配置的最佳实践分享
在网上看到很多人都写了“webpack最佳实践方案”，适合的才是“最佳”的，在这里总结一下自己在工作过程中总结出来的最佳实践，所以本文主要介绍了关于webpack配置的相关资料，需要的朋友们可以参考借鉴，下面来一起看看吧。
2017-04-04
JavaScript实现钟表案例
这篇文章主要为大家详细介绍了JavaScript实现钟表案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-01-01
js模拟jquery的slide和fadeIn和fadeOut功能
以前用过jquery的slideUp，slideDown，等许多很不错的方法，感觉很容易就能实现页面元素的动画效果！
2010-07-07
再谈javascript注入黑客必备！
这篇文章主要为大家详细介绍了js注入，黑客之路必备！本文告诉大家js注入是什么，js注入攻防如何进行，感兴趣的小伙伴们可以参考一下
2016-09-09
详解Javascript动态操作CSS
本文我们会讨论如何通过 JavaScript 在运行时操作 CSS，从而动态地更新应用到我们的元素上的式样。本文所用的技术是我们已经看到过的，但在利用 CSS DOM 来进行操作的时候还需要注意几个特殊点。
2014-12-12
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
控制Div层透明属性,由浅变深逐渐显示,由深变浅逐渐消失，具体实现代码如下，喜欢的朋友可以感受下
2013-11-11
JS常用时间操作moment.js的使用方法
Moment.js是一个轻量级的JavaScript时间库,通常会对时间进行下面这几个操作：比如获取时间,设置时间,格式化时间,比较时间等等,本文就来介绍一下如何使用,感兴趣的可以了解下
2023-09-09