95 lines
2.4 KiB
Vue
95 lines
2.4 KiB
Vue
<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> |