<template>
  <div class="bg-gray-50">
    <!-- 页脚 -->
    <footer class="bg-[#247edb] text-gray-300  bg-gradient-to-r from-blue-900/80 via-blue-900/30 to-transparent">
      <div class="container px-0 pt-5 w-[940px] mx-auto">
        <div class="grid grid-cols-2 gap-2 justify-items-center">
          <div>
            <h3 class="text-lg mb-2 text-white font-bold">联系我们</h3>
            <div class="space-y-1">
              <p class="text-white text-[12px] font-[600]">地址：{{ inject("VITE_ADDRESS") }}</p>
              <p class="text-white text-[12px] font-[600]">电话：{{ inject("VITE_PHONE") }}</p>
              <p class="text-white text-[12px] font-[600]">邮箱：{{ inject("VITE_EMAIL") }}</p>
            </div>
          </div>

          <div>
            <h4 class="text-lg mb-2 text-white font-bold">主办单位</h4>
            <p class="text-white text-[12px] font-[600]">{{ inject("VITE_APP_TITLE") }}</p>
          </div>
          <div>
          </div>
        </div>

        <div class="mt-2 pt-1 pb-3 border-t border-gray-700 text-center">
          <p class="text-white text-[12px] font-[600]">Copyright © {{ inject("VITE_APP_TITLE") }} @版权所有</p>
          <!-- <p class="mt-2">晋ICP备12345678号-1 | 晋公网安备 14010002000001号</p> -->
        </div>
      </div>
    </footer>
  </div>
</template>
<script setup lang="ts">
import { ref, watch, inject } from "vue";
import { useRouter, useRoute } from "vue-router";
import { Message, Share, Link, Search } from "@element-plus/icons-vue";
</script>
<style scoped></style>
