hsq-pro/src/components/vent/micro/needAir.vue

<template>
  <div v-if="loading" class="app-loading">
    <div id="loader-wrapper" class="app-loading">
      <div class="app-loading-wrap">
        <div class="app-loading-dots">
          <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
        </div>
      </div>
    </div>
  </div>
  <div id="micro-need-air"></div>
</template>
<script lang="ts">
  import { onMounted, onBeforeUnmount, defineComponent } from 'vue';
  import { unmountMicroApps, mountMicroApp } from '/@/qiankun';
  import { resetMicroContentWH } from '/@/utils/domUtils';
  export default defineComponent({
    name: 'NeedAir',
    setup() {
      onMounted(() => {
        mountMicroApp('/micro-need-air');
        resetMicroContentWH('micro-need-air');
      });

      onBeforeUnmount(async () => {
        unmountMicroApps(['/micro-need-air']);
      });
    },
  });
</script>
<style lang="less" scoped></style>