niuniu/lionfish_comshop/components/tabbar/index.js

var app = getApp();
var wcache = require('../../utils/wcache.js');

Component({
  properties: {
    currentIdx: {
      type: Number,
      value: 0,
      observer: function (t) {
        if (t) {
          let tabbar = this.data.tabbar;
          for (let i in tabbar.list) {
            tabbar.list[i].selected = false;
            (i == t) && (tabbar.list[i].selected = true);
          }
          this.setData({ tabbar })
        }
      }
    },
    cartNum: {
      type: Number,
      value: 0
    },
    tabbarRefresh: {
      type: Boolean,
      value: false,
      observer: function (t) {
        if (t) this.getTabbar();
      }
    }
  },

  attached() {
    let model = wx.getSystemInfoSync().model;
    let isIpx = model.indexOf("iPhone X") > -1 || model.indexOf("unknown<iPhone") > -1;
    isIpx && this.setData({ isIpx: true });
    this.getTabbar();
  },

  /**
   * 组件的初始数据
   */
  data: {
    isIpx: false,
    tabbar: {
      "backgroundColor": "#fff",
      "color": "#707070",
      "selectedColor": "#ff5344",
      "list": [
        {
          "pagePath": "/lionfish_comshop/pages/index/index",
          "text": "",
          "iconPath": "",
          "selectedIconPath": "",
          "selected": true
        },
        {
          "pagePath": "/lionfish_comshop/pages/type/index",
          "text": "",
          "iconPath": "",
          "selectedIconPath": "",
          "selected": false
        },
        {
          "pagePath": "",
          "text": "",
          "iconPath": "",
          "selectedIconPath": "",
          "selected": false
        },
        {
          "pagePath": "/lionfish_comshop/pages/order/shopCart",
          "text": "",
          "iconPath": "",
          "selectedIconPath": "",
          "selected": false
        },
        {
          "pagePath": "/lionfish_comshop/pages/user/me",
          "text": "",
          "iconPath": "",
          "selectedIconPath": "",
          "selected": false
        }
      ]
    },
    open_tabbar_type: 0,
    open_tabbar_out_weapp: 0,
    cartNum: 0,
    tabbar_out_appid: '',
    tabbar_out_link: '',
    tabbar_out_type: 0
  },

  /**
   * 组件的方法列表
   */
  methods: {
    getTabbar: function () {
      let that = this;
      // let tabList = wcache.get('tabList', false);
      // if (!tabList){
        app.util.request({
          'url': 'entry/wxapp/index',
          'data': {
            controller: 'index.get_tabbar'
          },
          dataType: 'json',
          success: function (res) {
            if (res.data.code == 0) {
              let list = res.data.data;
              let tabbar = that.data.tabbar;
              tabbar.list[0].text = list['t1'] || '首页';
              tabbar.list[0].iconPath = list['i1'] || '/lionfish_comshop/images/icon-tab-index.png';
              tabbar.list[0].selectedIconPath = list['s1'] || '/lionfish_comshop/images/icon-tab-index-active.png';
              tabbar.list[1].text = list['t4'] || '分类';
              tabbar.list[1].iconPath = list['i4'] || '/lionfish_comshop/images/icon-tab-type.png';
              tabbar.list[1].selectedIconPath = list['s4'] || '/lionfish_comshop/images/icon-tab-type-active.png';
              tabbar.list[2].text = list['t5'];
              tabbar.list[2].iconPath = list['i5'];
              tabbar.list[2].selectedIconPath = list['s5'];
              tabbar.list[3].text = list['t2'] || '购物车';
              tabbar.list[3].iconPath = list['i2'] || '/lionfish_comshop/images/icon-tab-shop.png';
              tabbar.list[3].selectedIconPath = list['s2'] || '/lionfish_comshop/images/icon-tab-shop-active.png';
              tabbar.list[4].text = list['t3'] || '我的';
              tabbar.list[4].iconPath = list['i3'] || '/lionfish_comshop/images/icon-tab-me.png';
              tabbar.list[4].selectedIconPath = list['s3'] || '/lionfish_comshop/images/icon-tab-me-active.png';

              let open_tabbar_type = res.data.open_tabbar_type || 0;
              let open_tabbar_out_weapp = res.data.open_tabbar_out_weapp || 0;
              let tabbar_out_appid = res.data.tabbar_out_appid;
              let tabbar_out_link = res.data.tabbar_out_link;
              let tabbar_out_type = res.data.tabbar_out_type;
              tabbar.selectedColor = res.data.wepro_tabbar_selectedColor || '#F75451';
              // wcache.put('open_tabbar_type', open_tabbar_type, 600);

              // wcache.put('tabList', tabbar, 600);
              that.setData({ tabbar, open_tabbar_type, open_tabbar_out_weapp, tabbar_out_appid, tabbar_out_link, tabbar_out_type });
            } else {
              that.setData({ hideTabbar: true })
            }
          }
        })
      // } else {
      //   let tabbar = tabList;
      //   let t = that.properties.currentIdx;
      //   for (let i in tabbar.list) {
      //     tabbar.list[i].selected = false;
      //     (i == t) && (tabbar.list[i].selected = true);
      //   }

        // let open_tabbar_type = wcache.get('open_tabbar_type', 0);
      //   that.setData({ tabbar, open_tabbar_type });
      // }
    },
    goWeapp: function(){
      // 跳转小程序
      let appid = this.data.tabbar_out_appid;
      let url = this.data.tabbar_out_link;
      let type = this.data.tabbar_out_type;
      if (type == 0) {
        // 跳转webview
        wx.navigateTo({
          url: '/lionfish_comshop/pages/web-view?url=' + encodeURIComponent(url),
        })
      } else if (type == 1) {
        if (url.indexOf('lionfish_comshop/pages/index/index') != -1 || url.indexOf('lionfish_comshop/pages/order/shopCart') != -1 || url.indexOf('lionfish_comshop/pages/user/me') != -1 || url.indexOf('lionfish_comshop/pages/type/index') != -1) {
          wx.switchTab({ url: url })
        } else {
          wx.navigateTo({ url: url })
        }
      } else if (type == 2) {
        appid && wx.navigateToMiniProgram({
          appId: appid,
          path: url,
          extraData: {},
          envVersion: 'release',
          success(res) {
            // 打开成功
            console.log(res)
          }
        })
      }
    }
  }
})