technique_web/src/views/home/components/innovation.vue

<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="innovation" fit="fill" />
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts">
// 基础
import type { Ref } from 'vue';
import { onMounted, ref } from 'vue';
// 图片引入
import innovation from '@/assets/innovation.png';
// 接口
// import { ToolsStore } from '@/stores/tool';
// import type { IQueryResult } from '@/util/types.util';
// const toolsAxios = ToolsStore();

// 加载中
const loading: Ref<any> = ref(false);
const info: Ref<any> = ref({});

// 请求
onMounted(async () => {
  loading.value = true;
  search();
  loading.value = false;
});
const search = async () => {
  //   let res: IQueryResult = await toolsAxios.dataCount();
  //   if (res.errcode == '0') {
  //     info.value = res.data;
  //   }
};
</script>
<style scoped lang="scss">
.main {
  .one {
    .image {
      width: 100%;
      height: 250px;
    }
  }
}
</style>