<script>
import { useStore } from 'vuex';
export default {
onLaunch: function() {
uni.hideTabBar()
console.log('App Launch')
},
created() {
// 在生命周期钩子中获取系统信息
this.getSystemInfo();
},
methods:{
getSystemInfo(){
const store= useStore();
const {safeAreaInsets} = uni.getSystemInfoSync()
store.dispatch('setTopHeight', safeAreaInsets.top ?? 49)
store.dispatch('setBottomHeight', safeAreaInsets.bottom ?? 49)
}
},这个是我获取头部的代码,但是小程序的头部在不同机型上显示的不一样。现在出问题的是红米 K70 的手机上
建议通过statusBarHeight和 let custom = wx.getMenuButtonBoundingClientRect();获取距离顶部的距离