94 lines
2.8 KiB
Vue
Executable File
94 lines
2.8 KiB
Vue
Executable File
<template>
|
||
<div class="footer-bottom">
|
||
<div class="site-info">
|
||
<p v-if="siteInfo.web_phone"><i class="iconfont icondianhua"></i>{{ siteInfo.web_phone }}</p>
|
||
<p v-if="siteInfo.web_email">
|
||
<i class="iconfont iconyouxiang"></i>
|
||
<el-link :href="`mailto:${siteInfo.web_email}`">{{ siteInfo.web_email }}</el-link>
|
||
</p>
|
||
</div>
|
||
<p>
|
||
{{ copyRight.copyright_desc }}
|
||
<a v-if="copyRight.icp" class="footer-link" href="https://beian.miit.gov.cn" target="_blank">备案号：{{ copyRight.icp }}</a>
|
||
</p>
|
||
<p>
|
||
<a v-if="copyRight.gov_record" class="footer-link" :href="copyRight.gov_url" target="_blank">
|
||
<img src="@/assets/images/gov_record.png" alt="公安备案" />
|
||
<span>{{ copyRight.gov_record }}</span>
|
||
</a>
|
||
<a v-if="copyRight.business_show_link" class="footer-link" :href="copyRight.business_show_link" target="_blank">
|
||
<img :src="$img('public/static/img/business_show.png')" alt="营业执照" />
|
||
<span>电子营业执照</span>
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { copyRight } from "@/api/website"
|
||
import { mapGetters } from "vuex"
|
||
export default {
|
||
props: {},
|
||
data() {
|
||
return {}
|
||
},
|
||
created() {
|
||
this.$store.dispatch("site/copyRight")
|
||
},
|
||
mounted() {},
|
||
watch: {},
|
||
methods: {},
|
||
computed: {
|
||
...mapGetters(["copyRight", "siteInfo"])
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.footer-bottom {
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
padding: 30px 0;
|
||
p {
|
||
margin: 0;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
img {
|
||
width: 20px;
|
||
height: 20px;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.footer-link, .el-link.el-link--default {
|
||
color: #444;
|
||
margin-left: 15px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
line-height: 22px;
|
||
}
|
||
.footer-link:hover, .el-link.el-link--default:hover {
|
||
color: $base-color;
|
||
}
|
||
.footer-link:first-child{
|
||
margin-left: 0;
|
||
}
|
||
}
|
||
.site-info {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
p {
|
||
width: auto;
|
||
margin: 0 10px;
|
||
|
||
i {
|
||
vertical-align: bottom;
|
||
margin-right: 5px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|