<template>
  <div class="h-[100px]"></div>
  <div class="text-center bg-white text-red-7 py-10" style="display: none">
    本网站为小象CMS演示站，提供的电视剧和电影资源均系收集于各大视频网站<br />
    若本站收录的节目无意侵犯了贵司版权,请给我们留言,我们会及时逐步删除和规避程序自动搜索采集到的不提供分享的版权影视。<br />
    本站仅供测试和学习交流。请大家支持正版。
  </div>
  <footer>
    <div class="w-full bg-gray-900 flex flex-col justify-between">
      <div class="sub-menu w-full md:w-3/4 m-auto flex justify-between py-10 text-center p-2">

        <!-- 底部菜单 -->
          <div class="left flex justify-between gap-3xl w-8/12">
            <template v-for="item in subMenu">
              <div class="sub-menu-item text-left pr-10">
                <div class="pb-4">
                  <text class="text-gray-500 hover:text-gray-400 font-bold text-[16px]">{{ item.title }}</text>
                </div>
                <template v-if="item.children">
                  <div class="sub-menu-children flex flex-col gap-xs">
                    <template v-for="sub in item.children">
                      <a :href="sub.path" class="text-gray-500 hover:text-gray-400">{{ sub.title }}</a>
                    </template>
                  </div>
                </template>
              </div>
            </template>
          </div>

          <!-- 关注我们 -->
          <div class="right w-3/12">
            <el-image src="https://oss.wsdns.cn/20240327/f1175cc5aae741d3af05484747270bd5.jpeg" class="w-[100px]" />
          </div>
        </div>

      <!-- 版权信息 -->
      <div class="w-full md:w-3/4 m-auto flex justify-between py-10 text-center p-2">
        <div class="text-gray-500 gap-xl flex">
          <span>Copyright © {{ new Date().getFullYear() }} {{ config?.copyright }}</span>
          <a class="text-gray-500 hover:text-gray-400" href="https://beian.miit.gov.cn/" target="_blank"> 备案号：{{ config?.icpNo }}</a>
        </div>
      </div>
    </div>
  </footer>
  <el-backtop></el-backtop>
</template>

<script setup lang="ts">
// 请求数据
import {useConfigInfo} from "#imports";
import {useSubMenu, useWebsite} from "~/composables/configState";

const config = useConfigInfo();
const website = useWebsite();
const subMenu = useSubMenu();
console.log('---------config---------',config.value)
console.log('---------website---------',website.value)
console.log('---------subMenu---------',subMenu.value)
</script>

<style lang="scss">

</style>
