微信小程序滚动查看标签和跳转(1)

大多数商城小程序都有这个功能，点击“所有订单”、“待付款”、“待发货”、“待收货”和“已完成”会跳转到页面和相应的标签页。所以我们在开发小程序的时候也做了同样的功能。下图：

但是我们在上一次互动中没有使用这个效果。我们将在下一篇文章中讨论这个问题！先说说这个效果是怎么达到的吧！

选项卡的静态布局思想：主要使用滚动视图和swiper选项卡，选项卡切换主要取决于swiper中的当前属性。不懂的请自己查小程序API。跳转到页面及对应的选项卡：首先在app.js中配置globalData在“个人中心”js文件中，配置点击此项对应的选项卡的索引。当“个人中心”跳转到页面时，索引通过globalData传输到“所有订单”页面，“所有订单”页面通过app.globalData.currentLocation接收数据，改变了选项卡的切换。

App.js代码