gas-injection/src/views/dashboard/Analysis/index.vue

<template>
  <div class="vent-home">
    <div class="vent-home-header"></div>
    <div class="home-container">
      <div class="l-r-box left-box"> 111</div>
      <div class="l-r-box right-box"> 222</div>
    </div>
  </div>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import registerApps from '/@/qiankun';
  import { useGlobSetting } from '/@/hooks/setting';
  const globSetting = useGlobSetting();
  const openQianKun = globSetting.openQianKun;
  if (openQianKun == 'true') {
    if (!window.qiankunStarted) {
      window.qiankunStarted = true;
      registerApps();
    }
  }
</script>
<style lang="less" scoped>
  .vent-home {
    width: 100vw;
    height: calc(100vh);
    position: fixed;
    .vent-home-header {
      width: 100%;
      height: 110px;
      position: fixed;
      background: url('/@/assets/images/vent/home/home-header-bg.png') no-repeat;
      background-position-y: -26px;
    }
    .home-container {
      width: 100%;
      height: calc(100vh - 60px);
      display: flex;
      justify-content: space-between;
      margin-top: 60px;
      .l-r-box {
        width: 300px;
        background: #ffffff22;
        color: #fff;
      }
    }
  }
</style>