press-ui/mixins/hide-header/index.js

简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目

export function getHideHeaderMixin() {
  return {
    data() {
      const horizontal = false;
      // #ifdef H5
      // horizontal = document.documentElement.clientHeight < 420;
      // #endif

      return {
        showHeader: !horizontal,
      };
    },
    mounted() {
      if (!this.showHeader) {
        this.setHeaderStyle('none');
      }
    },
    methods: {
      onToggleShowHeader() {
        this.showHeader = !this.showHeader;
        let style = 'none';
        if (this.showHeader) {
          style = 'block';
        }

        this.setHeaderStyle(style);
      },
      setHeaderStyle(style) {
        // #ifdef H5
        const header = document.querySelector('uni-page-head')
         || document.querySelector('.uni-page-head-wrap');
        if (header) {
          header.style.display = style;
        }
        // #endif
      },
    },
  };
}