2019-01-25小程序实现tab选项卡

废不说！直代码！

效果：

shadow.gif

wxml:

  {{nav1}}
  {{nav2}}
  {{nav3}}
  {{nav4}}


1


2


3


4

js

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    nav1:"业务员提成",
    nav2:"维修员提成",
    nav3:"挂账",
    nav4:"退换货成本",
    tabid:1
  },
  changeTab: function (e) {
    var that = this;
    if (this.data.tabid == e.currentTarget.dataset.id) {
      return false;
    } else {
      this.setData({
        tabid: e.currentTarget.dataset.id
      })
    }
  }
})