<template>
  <div id="index">
    <el-row>
      <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
        <el-col :span="24" class="one">
          <el-image class="image" :src="news" fit="fill" />
        </el-col>
        <el-col :span="24" class="two">
          <div class="w_1200">
            <el-col :span="24" class="two_1">
              <innovation v-if="isAcitve === '0'"></innovation>
            </el-col>
          </div>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
// 组件
import innovation from '@/views/innovation/index.vue'
// 图片引入
import news from '/images/news.png'
// 加载中
const loading = ref(false)
const isAcitve = ref('0')
// 请求
onMounted(async () => {
  loading.value = true
  await search()
  loading.value = false
})
const search = async () => {}
</script>
<style scoped lang="scss">
.main {
  background: rgb(248, 248, 248);
  .one {
    .image {
      width: 100%;
      height: 200px;
    }
  }
}
</style>
