<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-image @click="toView" class="image" :src="chengguo" fit="fill" />
          </div>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
// 路由
const router = useRouter()
// 图片引入
import news from '/images/news.png'
import chengguo from '/images/chengguo.png'
// 加载中
const loading = ref(false)
// 请求
onMounted(async () => {
  loading.value = true
  await search()
  loading.value = false
})
const search = async () => {}
// 查询
const toView = () => {
  router.push({ path: '/achievement' })
}
</script>
<style scoped lang="scss">
.main {
  .one {
    .image {
      width: 100%;
      height: 200px;
    }
  }

  .two {
    margin: 10px 0;
    .image {
      width: 100%;
    }
  }
}
</style>
