Files
HuajisheTools/HuajisheCheckChaoXing/miniprogram_npm/tdesign-miniprogram/mixins/using-custom-navbar.js
2025-10-01 10:01:52 +08:00

35 lines
991 B
JavaScript

import { systemInfo } from '../common/utils';
const useCustomNavbarBehavior = Behavior({
properties: {
usingCustomNavbar: {
type: Boolean,
value: false,
},
customNavbarHeight: {
type: Number,
value: 0,
},
},
data: {
distanceTop: 0,
},
lifetimes: {
attached() {
if (this.properties.usingCustomNavbar) {
this.calculateCustomNavbarDistanceTop();
}
},
},
methods: {
calculateCustomNavbarDistanceTop() {
const { statusBarHeight } = systemInfo;
const menuButton = wx.getMenuButtonBoundingClientRect();
const distance = menuButton.top + menuButton.bottom - statusBarHeight;
this.setData({
distanceTop: Math.max(distance, this.properties.customNavbarHeight + statusBarHeight),
});
},
},
});
export default useCustomNavbarBehavior;