ShipOwner_WxApp/miniprogram/custom-tab-bar/index.js

Component({
  data: {
    selected: 0,
    selectedColor: "#1195db",
    color: "#8a8a8a",
    list: [
      {
        pagePath: "/pages/takePhoto/takePhoto",
        text: "随身拍",
        selectedIconPath: "../images/tabs/camera-.png",
        iconPath: "../images/tabs/camera.png",
      },
      {
        pagePath: "/pages/cert/cert",
        text: "证书办理",
        selectedIconPath: "../images/tabs/cert-.png",
        iconPath: "../images/tabs/cert.png",
      },
      {
        pagePath: "/pages/oilPrice/oilPrice",
        text: "油价查询",
        selectedIconPath: "../images/tabs/oilPrice-.png",
        iconPath: "../images/tabs/oilPrice.png",
      },
      {
        pagePath: "/pages/legal/legal",
        text: "法律援助",
        selectedIconPath: "../images/tabs/legal-.png",
        iconPath: "../images/tabs/legal.png",
      },
      {
        pagePath: "/pages/maritime/maritime",
        text: "海事公告",
        selectedIconPath: "../images/tabs/ship-.png",
        iconPath: "../images/tabs/ship.png",
      },
      {
        pagePath: "/pages/securityCheck/securityCheck",
        text: "海事安检",
        selectedIconPath: "../images/tabs/check-.png",
        iconPath: "../images/tabs/check.png",
      },
    ],
  },
  attached() {},
  methods: {
    switchTab(e) {
      const data = e.currentTarget.dataset;
      const url = data.path;

      wx.switchTab({
        url,
        success: () => {
          this.setData({
            selected: data.index,
          });
        },
      });
    },
  },
});