99 lines
3.1 KiB
JavaScript
99 lines
3.1 KiB
JavaScript
"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: "../../pages/Message/Message"
|
|
},
|
|
{
|
|
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:85", "机型", res.deviceType);
|
|
if (res.safeArea.top > 40) {
|
|
common_vendor.index.__f__("log", "at components/tabBar/tabBar.vue:87", "苹果的底部栏大小", 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;
|
|
};
|
|
function handlePush(item, index) {
|
|
if (item.pagePath) {
|
|
common_vendor.index.switchTab({
|
|
url: item.pagePath
|
|
});
|
|
}
|
|
}
|
|
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) => handlePush(item), 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
|