小程序之选项卡（动态获取数据选项）

一、
先写页面，在wxml使用swiper轮播图可实现选项卡功能（这部分我也是参考了网上的小伙伴的分享）。

<view class='topTabSwiper'>
    <block wx:for="{
  {navlist}}" wx:key="index">
      <view class='tab  {
  {currentData == index ? "tabBorer" : ""}}'  data-current = "{
  {index}}" bindtap='checkCurrent'>{
  {item.name}}</view>
    </block>
</view>
<swiper current="{
  {currentData}}" class='swiper' style="height:600px;" duration="300" bindchange="bindchange">
  <block wx:for="{
  {content}}" wx:key="index">
    <swiper-item><view class='swiper_con'>{
  {item.name}}</view></swiper-item>
  </block>>
</swiper>

二、样式

.tab {
  float: left;
  width: 33