微信小程序 仿美团分类菜单 swiper分类菜单
有同学要仿美团分类菜单.写了一个.
跟 微信小程序开发之实现选项卡(窗口顶部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仿美团分类下拉菜单实例代码，包括了Android仿美团分类下拉菜单实例代码的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Android仿美团下拉菜单的实现代码，分类进行选择，供大家参考，具体内容如下 效果图 操作平台 AS2.0 第三方框架：butterknife build.gradle 实现代码 1、实现逻辑：主要利用Spinner与BaseAdap
-
本文向大家介绍微信小程序开发之圆形菜单 仿建行圆形菜单实例，包括了微信小程序开发之圆形菜单 仿建行圆形菜单实例的使用技巧和注意事项，需要的朋友参考一下 建行APP首页有个圆形菜单.仿了个玩具出来. 功能介绍: 1.一个圆形背景.六个item菜单.中间是微信用户的头像; 2.触摸滚动.速度较小时,随手指滚动,手指抬起,滚动停止;速度较大时,随手指滚动,手指抬起,还会自动滚动一段时间; 上一张真机
-
本文向大家介绍微信小程序仿美团城市选择，包括了微信小程序仿美团城市选择的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了微信小程序城市选择器，供大家参考，具体内容如下 代码很简单. demo下载地址 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
菜单设置 营销-渠道营销-微信公众号-菜单设置 此操作设置公众号菜单快捷键 1.删除菜单：删除当前菜单 2.菜单内容：发送消息、跳转网页、跳转小程序 2.1发送消息 可从素材库中选择和新建 新建直接跳转到消息素材管理 可添加文本、单图文、多图文；也可对单条消息修改和删除 直接在素材库选取，可预览和删除（单次选单个） 2.2跳转网页 填写页面地址 2.3跳转小程序 填写跳转网址、小程序APPID、小
-
本文向大家介绍微信小程序实现菜单左右联动，包括了微信小程序实现菜单左右联动的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了微信小程序实现菜单左右联动的具体代码，供大家参考，具体内容如下 今天记录一个个人写的二级联动示例。 下面是效果图： 功能实现关键是使用控件scroll-view，下面直接上示例代码。 页面对应的js文件： 页面对应的wxml文件： 注：纯个人编写，用于记录 为大家
-
本文向大家介绍微信小程序的分类页面制作，包括了微信小程序的分类页面制作的使用技巧和注意事项，需要的朋友参考一下 微信小程序实的分类页面制作 先上效果图。 这个界面布局难度不是很大，css基础好的，很快就实现了，分类界面，左边是一级目录，右边是一级目录对应的二级目录，根据 这个需求，我们数据设计的结构一定是数组嵌套数组，第一个数组包含一级目录数据，嵌套的数组包含的是二级目录的数据。 代码的实现 js
-
本文向大家介绍微信小程序实现侧边分类栏，包括了微信小程序实现侧边分类栏的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了微信小程序实现侧边分类栏的具体代码，供大家参考，具体内容如下 效果图 布局分析 分成三个盒子： 主盒子，左盒子，右盒子 –wxml– –js– –wxss– 更多教程点击《Vue.js前端组件学习教程》，欢迎大家学习阅读。 关于vue.js组件的教程，请大家点击专题v
-
本文向大家介绍微信小程序实现侧边栏分类，包括了微信小程序实现侧边栏分类的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了微信小程序侧边栏分类展示的具体代码，供大家参考，具体内容如下 效果图 实现思路 把屏幕当成一个固定的盒子，然后把盒子分成两边，并让盒子的每一边都能够滚动。 源码 index.wxml index.wxss index.js 更多教程点击《Vue.js前端组件学习教程》