tabber

2025-05-12 22:19:21 +08:00
parent 033cb649f8
commit c45c7c4de1
33 changed files with 322 additions and 58 deletions
--- a/unpackage/dist/dev/mp-weixin/components/tabBar/tabBar.js
+++ b/unpackage/dist/dev/mp-weixin/components/tabBar/tabBar.js
@@ -0,0 +1,91 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {
+  __name: "tabBar",
+  props: {
+    tabIndex: Number
+  },
+  setup(__props) {
+    let showMiddleButton = common_vendor.ref(false);
+    let tabList = common_vendor.reactive([
+      {
+        iconPath: "../../static/Pk.png",
+        selectedIconPath: "../../static/PkClick.png",
+        text: "PK",
+        pagePath: "../../pages/Home/Home",
+        middleClass: ""
+      },
+      {
+        iconPath: "../../static/Forum.png",
+        selectedIconPath: "../../static/Forumclick.png",
+        // text: '消息',
+        text: "论坛",
+        pagePath: "",
+        middleClass: ""
+      },
+      {
+        iconPath: "../../static/jiahao.png",
+        selectedIconPath: "../../static/jiahao.png",
+        text: "",
+        pagePath: "/pages/c/c",
+        middleClass: ""
+      },
+      {
+        iconPath: "../../static/Message.png",
+        selectedIconPath: "../../static/Messageclick.png",
+        text: "消息",
+        // text: '社区',
+        pagePath: ""
+      },
+      {
+        iconPath: "../../static/Mine.png",
+        selectedIconPath: "../../static/Mineclick.png",
+        text: "我的",
+        pagePath: "",
+        middleClass: ""
+      }
+    ]);
+    common_vendor.onMounted(() => {
+      setTabBar();
+    });
+    common_vendor.index.getSystemInfo({
+      success: function(res) {
+        common_vendor.index.__f__("log", "at components/tabBar/tabBar.vue:89", "机型", res.deviceType);
+        if (res.safeArea.top > 40) {
+          common_vendor.index.__f__("log", "at components/tabBar/tabBar.vue:91", "苹果的底部栏大小", res.safeArea.top);
+        }
+      }
+    });
+    function setTabBar() {
+      let tabLength = tabList.length;
+      if (tabLength % 2) {
+        showMiddleButton.value = true;
+        let middleIndex = Math.floor(tabLength / 2);
+        tabList[middleIndex].middleClass = "mid-button";
+      }
+    }
+    common_vendor.ref();
+    const disabledScroll = () => {
+      return false;
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.f(common_vendor.unref(tabList), (item, index, i0) => {
+          return {
+            a: __props.tabIndex == index ? item.selectedIconPath : item.iconPath,
+            b: common_vendor.t(item.text),
+            c: __props.tabIndex == index ? "#1DD2F9" : "#A7A3A3",
+            d: common_vendor.n("list-item flex flex-column flex-middle " + item.middleClass),
+            e: common_vendor.o(($event) => _ctx.handlePush(item, index), index),
+            f: index
+          };
+        }),
+        b: common_vendor.n(common_vendor.unref(showMiddleButton) === true ? "tab-list-middle" : "tab-list-default"),
+        c: common_vendor.o(disabledScroll)
+      };
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-c497a889"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/tabBar/tabBar.js.map