pet_uni/unpackage/dist/dev/mp-weixin/components/FooterNav/Index.js

"use strict";
const config_host = require("../../config/host.js");
const common_vendor = require("../../common/vendor.js");
const _sfc_main = {
  props: {},
  data() {
    return {
      footCheck: "home",
      title: "Hello",
      loading: true,
      buttonGroup: [
        {
          image: config_host.imghost + "/static/image/foot-nav-button-one",
          url: "/pages/index/index",
          name: "home",
          title: "汪汪行天下"
        },
        {
          image: config_host.imghost + "/static/image/foot-nav-button-two",
          url: "/pages/order/index",
          name: "order",
          title: "订单"
        },
        {
          image: config_host.imghost + "/static/image/foot-nav-button-three",
          url: "/pages/chatList/index",
          name: "chat",
          title: "在线沟通"
        },
        {
          image: config_host.imghost + "/static/image/foot-nav-button-four",
          url: "/pages/user/index",
          name: "user",
          title: ""
        }
      ]
    };
  },
  onLoad() {
  },
  methods: {
    commitFootCheck(item) {
      this.$store.commit("footCheck", item.name);
      this.$store.commit("title", item.title);
      console.log("commit");
    },
    isFootCheck() {
    }
  },
  watch: {
    "$store.state.footCheck": {
      handler(newVal, oldVal) {
        this.footCheck = newVal;
      }
    }
  }
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return {
    a: common_vendor.f($data.buttonGroup, (item, index, i0) => {
      return {
        a: item.name == $data.footCheck ? 1 : "",
        b: "url(" + item.image + (item.name == $data.footCheck ? "-active" : "") + ".png)",
        c: "auto " + (item.name == $data.footCheck ? "81" : "54") + "rpx",
        d: common_vendor.o(($event) => $options.commitFootCheck(item))
      };
    })
  };
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/project/pet-uni/components/FooterNav/Index.vue"]]);
wx.createComponent(Component);