微信小程序 仿美團(tuán)分類菜單 swiper分類菜單
更新時(shí)間：2017年04月12日 09:17:57 作者：dzp_coder
本文主要介紹了微信小程序仿美團(tuán)分類菜單（swiper分類菜單）的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧
有同學(xué)要仿美團(tuán)分類菜單.寫了一個(gè).
跟 微信小程序開發(fā)之實(shí)現(xiàn)選項(xiàng)卡(窗口頂部TabBar)頁面切換很類似
代碼:
js就這么一點(diǎn)
//index.js
//獲取應(yīng)用實(shí)例
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 + '個(gè)',
icon: 'success',
duration: 1500
})
},
/**
* 滑動(dòng)切換tab
*/
bindChange: function (e) {
console.log(e.detail.current)
this.setData({ currentTab: e.detail.current });
},
})
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
微信小程序復(fù)選框?qū)崿F(xiàn)多選一功能過程解析
這篇文章主要介紹了微信小程序復(fù)選框?qū)崿F(xiàn)多選一功能過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
如何提交含有CKEditor的表單，其實(shí)很簡(jiǎn)單的在提交事件中加入這一句即可解決問題2014-01-01
發(fā)兩個(gè)小東西，ASP/PHP 學(xué)習(xí)工具。 用JavaScript寫的
發(fā)兩個(gè)小東西，ASP/PHP 學(xué)習(xí)工具。 用JavaScript寫的...2007-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)利息計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
這篇文章主要介紹了ES6生成器用法,結(jié)合實(shí)例形式分析了ECMAScript6中生成器的概念、語法、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-04-04
Javascript刪除指定元素節(jié)點(diǎn)的方法
這篇文章主要介紹了使用Javascript刪除指定元素節(jié)點(diǎn)的方法,通俗易懂,需要的朋友可以參考下。2016-06-06
判斷數(shù)據(jù)類型是JavaScript面試時(shí)常常遇到的問題，本文為大家總結(jié)了幾種常用的方法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2023-06-06
基于iscroll.js實(shí)現(xiàn)下拉刷新和上拉加載效果
這篇文章主要為大家詳細(xì)介紹了基于iscroll.js實(shí)現(xiàn)下拉刷新和上拉加載效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
js簡(jiǎn)單判斷移動(dòng)端系統(tǒng)的方法
這篇文章主要介紹了js簡(jiǎn)單判斷移動(dòng)端系統(tǒng)的方法,通過JavaScript的navigator.userAgent相關(guān)屬性判斷訪問端的系統(tǒng)類型,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-02-02
詳解template標(biāo)簽用法(含vue中的用法總結(jié))
這篇文章主要介紹了template標(biāo)簽用法(含vue中的用法總結(jié))，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2021-01-01