<template>
  <div id="home">
    <el-row>
      <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
        <el-col :span="24" class="one">
          <component :is="cHeader"></component>
        </el-col>
        <el-col :span="24">
          <router-view></router-view>
        </el-col>
        <el-col :span="24"><component :is="cFoot"></component></el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts">
// 组件
import cHeader from './parts/header.vue'
import cFoot from './parts/foot.vue'
// import type { Ref } from 'vue'
import { ref, onMounted } from 'vue'
const loading = ref(false)
onMounted(async () => {
  loading.value = true
  loading.value = false
})
</script>
<style scoped lang="scss"></style>
