<template>
  <div class="share-hide-main animate__animated animate__fadeIn " @click.self="closeShare" v-show="showShare">
    <div class="share-box">
      <img id="code-box" src="/img/wx_qrcode.jpg" alt="">
    </div>
  </div>

  <div class="Final op0" data-animation="animate__animated animate__fadeInUp">

    <div class="Final-container" :style="FinalStyle">
      <div class="Final-title-box">
        <div class="Final-title">专业的网站建设、微信小程序、公众号开发</div>
      </div>
      <div class="Final-link-box">
        <nuxt-link to="/contactUs/contact_info/0">
          <div class="items">案例展示</div>
        </nuxt-link>
        <nuxt-link to="/contactUs/contact_info/0">
          <div class="items">关于我们</div>
        </nuxt-link>
        <nuxt-link to="/contactUs/contact_info/0">
          <div class="items">新闻咨询</div>
        </nuxt-link>
        <nuxt-link to="/contactUs/contact_info/0">
          <div class="items">联系我们</div>
        </nuxt-link>
      </div>

      <div class="Final-bottom-line"></div>

      <div class="Final-bottom-box">
        <div>© 2023-2033 佛山市昂迩文科技中心 版权所有　粤ICP备:16050845号-2</div>
        <div>京公网安备 11010602007212号</div>
      </div>
    </div>
  </div>
</template>

<script setup>
// 样式配置
const FinalStyle = {
  padding: "80px 0 0 0",
  FinalLeft: {

  },
  FinalMiddle: {

  },
}

let shareList = ref([
  // {
  //   contact_scancode_icon: '',
  //   contact_scancode_img: '',
  //   contact_scancode_title: '--'
  // },
  // {
  //   contact_scancode_icon: '/img/icon/wbIcon.png',
  //   contact_scancode_img: '',
  //   contact_scancode_title: '微博'
  // },
  // {
  //   contact_scancode_icon: '/img/icon/qqIcon.png',
  //   contact_scancode_img: '',
  //   contact_scancode_title: 'QQ'
  // },
])

let showShare = ref(false)
const closeShare = function () {
  showShare.value = false
}
const createShareCode = function (code) {
  showShare.value = true
  document.getElementById('code-box').src = code
}

// 获取
let bottomData = ref({})

useFetch('/api/contactUs/getContactInfo').then(res => {
  let resValue = JSON.parse(res.data.value).data
  bottomData.value = resValue
  shareList.value = resValue.qrcode
})


onMounted(() => {
  htmlAddAnimations()
})

</script>

<style lang="scss" scoped src="~/assets/css/Final/index.scss"></style>
<style lang="scss" scoped src="~/assets/css/Final/media.scss"></style>