<template>
<div class="text-3xl text-center">关于我们</div>
  <div class="flex flex-wrap justify-between w-[1280px] m-auto my-3">

      <div class="w-[155px] h-[218px] bg-gray-300"></div>
      <div class="w-[155px] h-[218px] bg-gray-300"></div>
      <div class="w-[155px] h-[218px] bg-gray-300"></div>
      <div class="w-[155px] h-[218px] bg-gray-300"></div>
      <div class="w-[155px] h-[218px] bg-gray-300"></div>
      <div class="w-[155px] h-[218px] bg-gray-300"></div>
      <div class="w-[155px] h-[218px] bg-gray-300"></div>
      <div class="w-[155px] h-[218px] bg-gray-300"></div>

  </div>
  <el-card class="w-7xl m-auto">
    <div class="text-xl" v-for="(item,index) in config?.data">
      {{ item.name }}：{{ item.value }}
    </div>
    {{ config }}
  </el-card>
  <div>
<!--    {{ info.data }}-->
  </div>
</template>
<script setup lang="ts">
// 请求数据
import {useRequest} from "~/composables/useRequest";

const { data: config } = await useRequest<{data: any}>('/cms/website-field', {})
// 请求数据
const { data: info } = await useRequest<{data: any}>('/cms/website/getSiteInfo', {
  query: { status: 0 }
})

</script>

<style scoped lang="scss">

</style>
