<script setup lang='ts'>
const footerData = ref<any>()

function jumpdetail(item: any) {
  window.location.href = item.url
}

request({
  url: '/index/main/web_footer',
}).then((res) => {
  footerData.value = res.data
})
</script>

<!--  <div class="publicFooter_footer_model">
      <div class="publicFooter_footer_wrapper">
        <div class="publicFooter_footer_wx_wrapper">
          <img :src="footerData?.qrcode" alt="" class="publicFooter_footer_wx">
          <div class="publicFooter_footer_wx_text" v-html="footerData?.qrcode_brief" />
          <div class="publicFooter_footer_wx_text" />
        </div>
        <div class="publicFooter_footer_connect_us">
          <div style="margin-bottom:8px;">
            {{ footerData?.contact_name }}
          </div>
          <div style="font-size:18px;">
            {{ footerData?.contact_phone }}
          </div>
        </div>
        <div class="publicFooter_footer_wx_wrapper" style="float:right">
          <img :src="footerData?.site_app_qrcode" alt="" class="publicFooter_footer_wx">
          <div class="publicFooter_footer_wx_text">
            {{ footerData?.site_app_qrcode_brief }}
          </div>
          <div class="publicFooter_footer_wx_text" />
        </div>
        <div style="clear:both;" />
        <div v-for="(item, key) in footerData?.footer_menu" v-show="key != 0" :key="key" class="publicFooter_footer_item">
          <div style="margin-bottom:8px;height:27px;">
            {{ item.name }}
          </div>
          <div v-for="(childItem, childKey) in item.submenu" :key="childKey" class="publicFooter_footer_item_child">
            <a @click.stop="jumpdetail(childItem)">{{ childItem.name }}</a>
          </div>
        </div>
      </div>
      <div style="width:300px;margin:0 auto; padding:20px 0;">
        <a
          target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32050702010915"
          style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"
        >
          <img src="" style="float:left;">
          <p style="float:left;height:20px;line-height:20px; color:#fff;font-size:14px;">苏公网安备 32050702010915号</p>
        </a>
        <p style="width:600px;color:#fff;font-size:14px;">
          技术支持
          <a style="color:#ffff;font-size:14px;" href="http://www.bozedu.net" target="_blank">宜昌市乡村教育振兴网络扶智课堂</a>
          2019 ( <a style="color:#fff;font-size:14px" href="https://beian.miit.gov.cn" target="_blank">苏ICP备15025316号</a>
          )
        </p>
      </div>
    </div> -->
<template>
  <div id="publicFooterContent" class="w-full flex justify-center bg-hex-1f232f py-12 text-xs text-light-50">
    <div class="w-1200px flex space-x-26">
      <div class="text-center space-y-4">
        <img :src="footerData?.qrcode" alt="" class="w-110px">
        <div class="" v-html="footerData?.qrcode_brief" />
      </div>
      <div class="text-center space-y-4">
        <img :src="footerData?.site_app_qrcode" alt="" class="w-110px">
        <div class="" v-text="footerData?.site_app_qrcode_brief" />
      </div>

      <div style="margin-left: 300px;" class="text-sm space-y-2">
        <div class="font-bold tracking-wider">
          {{ footerData?.footer_menu[1].name }}
        </div>
        <div v-for="item in footerData?.footer_menu[1].submenu" :key="item.name" class="pl-2" @click="jumpdetail(item)">
          {{ item.name }}
        </div>
        <div class="pt-6 tracking-wider">
          苏公网安备 32050702010915号
        </div>
        <div class="tracking-wider">
          技术支持 苏州博智电子科技有限公司
        </div>
        <div class="tracking-wider">
          主办单位 宜昌市教育信息技术中心
        </div>
      </div>
    </div>
  </div>
</template>
