微信小程序swiper配合导航栏

起因：今天要完成一个小程序的订单页面；

目标：可以滑动，导航点击也可以切换到对应的滑动页面

思路：

1.swiper组件有个current的属性，可以设置当前的滑动页数。

2.导航栏通过遍历，可以获取同样的导航个数；

3.swiper组件发生滑动事件(bindchange),然后通过 e.detail.current 可以获取到当前的滑动页。

4.遍历上方的导航栏，可以通过data-xxx="{{index}}",把当前的序列号传递过去。

5.由于导航栏和swiper组件的序列号相互对应，所以设置，current属性等于序列号的值即可。