|
|
@@ -1,3 +1,135 @@
|
|
|
+<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>
|
|
|
+
|
|
|
<template>
|
|
|
- <div class="h-160px bg-dark-50 text-light-50" />
|
|
|
+ <div id="publicFooterContent">
|
|
|
+ <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 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 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>
|
|
|
+ <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>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
+
|
|
|
+<style>
|
|
|
+.publicFooter_footer_model {
|
|
|
+ width: 100%;
|
|
|
+ /* height: 276px; */
|
|
|
+ background: rgba(31, 35, 47, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.publicFooter_footer_wrapper {
|
|
|
+ width: 1200px;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ padding-top: 64px;
|
|
|
+}
|
|
|
+
|
|
|
+.publicFooter_footer_wx_wrapper {
|
|
|
+ float: left;
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.publicFooter_footer_wx {
|
|
|
+ width: 110px;
|
|
|
+ height: 110px;
|
|
|
+}
|
|
|
+
|
|
|
+.publicFooter_footer_wx_text {
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ line-height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.publicFooter_footer_connect_us {
|
|
|
+ float: left;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ line-height: 25px;
|
|
|
+ margin-left: 80px;
|
|
|
+ padding-top: 6px;
|
|
|
+ margin-right: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.publicFooter_footer_item {
|
|
|
+ float: left;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ line-height: 25px;
|
|
|
+ padding-top: 6px;
|
|
|
+ margin-left: 80px;
|
|
|
+}
|
|
|
+
|
|
|
+.publicFooter_footer_item_child {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFangSC-Semibold, PingFang SC;
|
|
|
+ color: rgba(255, 255, 255, 0.5);
|
|
|
+ line-height: 20px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.publicFooter_footer_item_child:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ color: #2a80f7;
|
|
|
+}
|
|
|
+</style>
|
zhuf