sqxp/miniprogram/src/App.vue

<script setup lang="ts">
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
import { useUserStore } from '@/stores/user'

onLaunch(() => {
  console.log('App Launch')
  const userStore = useUserStore()
  userStore.checkLoginStatus()
  void userStore.refreshUserInfo()
})

onShow(() => {
  console.log('App Show')
})

onHide(() => {
  console.log('App Hide')
})
</script>

<style lang="scss">
@import '@/styles/index.scss';

uni-page-body {
  background-color: #ffffff;
}

/* H5：让 tab 页根节点能用 height:100% 贴合内容区，避免子页面用 100vh 高出一块产生整页滚动 */
/* #ifdef H5 */
html,
body {
  height: 100%;
  margin: 0;
}
#app {
  height: 100%;
}

/* H5 统一使用自定义 ClientTabBar，隐藏原生 tabBar，避免两套样式不一致 */
.uni-tabbar,
.uni-tabbar-border {
  display: none !important;
}
/* #endif */
</style>