微信小程序顶部标签页的问题

offsider 2017-01-21 12:16:31

京东的微信小程序（京东购物）中的“我的订单”列表上面的标签页是怎么实现的？

关键是下面的列表滚动条不好实现，懂的进来。

...全文

660 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

叶飘尾 2017-02-17

打赏
举报

回复

标签页用view就行了下面滚动的用 scroll-view

综合案例：仿智行火车票12306微信小程序

问题描述在许多用户体验效果较好的微信小程序中，用户通过左右滑动界面也能实现页面的切换，方便了用户使用，那它们是如何实现的呢？解决方案 (此图片来源于网络，如有侵权，请联系删除! ) 图 1 标签页切换在图1中，顶部的 3 个标签页标题用 0 、 1 、 2 来表示，当前显示为标签页 0 。当用户向左滑动页面时，标签页 0 就会被划到左边的不可见区域，而标签页 1 被划入可见区域。如果用户在向右滑动页面，则标签页 1 被滑动到右边的不可见区域，标签页 0 被划入可见区域。问题解决 S wiper 组件是滑块视图容器，经常用于实现轮播图，现在我们将他用于实现标签页的切换。代码如下所

微信小程序开发教学大纲.docx微信小程序开发教学大纲.docx微信小程序开发教学大纲.docx微信小程序开发教学大纲.docx微信小程序开发教学大纲.docx微信小程序开发教学大纲.docx微信小程序开发教学大纲.docx微信小程序开发教学大纲.docx

微信小程序仿《拼多多》拼团系统源码实现了拼多多部分功能，包括首页列表，热拼，拼单详情等功能，特色：实现了tab标签固定在顶部目录结构： image — 存放项目图片文件 page — 存放项目页面渲染相关文件 utils — 存放日期格式化文件开发环境：微信web开发者工具 v0.11.112200

微信小程序 tab 顶部选项卡

3,156

社区成员

3,830

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章