New Huajishe Check ChaoXing

HuajisheCheckChaoXing/miniprogram_npm/tdesign-miniprogram/mixins/using-custom-navbar.js

@@ -0,0 +1,34 @@
+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;