wwf
15 小时以前 a32100e31b93bc378b11ab93617a9c40b081ad70
src/views/main/index.vue
@@ -1,15 +1,17 @@
<template>
  <el-container direction="vertical" style="height: 100vh;">
    <el-header class="p-0">
      <MyHeader></MyHeader>
      <MyHeader @getUserInfoFlag="getUserInfoFlag=true"></MyHeader>
    </el-header>
    <el-main :style="{height: mainHeight}" class="custom-main p-0" >
      <div>
      <div v-if="getUserInfoFlag">
        <router-view></router-view>
      </div>
      <div v-else :style="{'min-height': `${height-150}px`}" class="loading-container">
        <CustomLoading />
      </div>
      <MyFooter></MyFooter>
    </el-main>
    <LoginDialog />
  </el-container>
</template>
@@ -18,21 +20,37 @@
import MyHeader from '@/views/main/components/MyHeader.vue'
import MyFooter from '@/views/main/components/MyFooter.vue'
import LoginDialog from '@/views/login/index.vue'
import CustomLoading from '@/views/main/components/CustomLoading.vue'
export default {
  components: {
    MyHeader,
    MyFooter,
    LoginDialog
    LoginDialog,
    CustomLoading
  },
  setup() {
    const { height } = useWindowSize()
    return { height }
  },
  data() {
    return {
      getUserInfoFlag: false
    }
  },
  computed: {
    mainHeight: function() {
      return `${this.height - 60}px`
    }
  },
  created() {
    this.getUserInfo()
  },
  methods: {
    getUserInfo() {
    }
  }
}
</script>