You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
flyapps/fir_client/src/components/FirFooter.vue

77 lines
2.2 KiB

<template>
<div>
<el-container class="navbar-wrapper">
<el-main align="center">
<div style="width: 300px; margin: 0 auto; padding: 20px 0;">
<el-link :underline="false"> {{ footer.copyright }}</el-link>
</div>
<div style="width: 300px; margin: 0 auto; padding: 20px 0;">
<a style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px;"
:href="footer.gongAnBeiAn.url"
target="_blank" rel="noopener">
<img style="float: left;" src="../assets/beianlogo.png"/>
<el-link :underline="false"
style="float: left; height: 20px; line-height: 20px; margin: 0px 0px 0px 5px; color: #939393;">
{{ footer.gongAnBeiAn.text }}
</el-link>
</a>
</div>
<div>
<div :underline="false" style="width: 200px; margin: 0 auto; padding: 10px 0;">
<el-link :underline="false" :href="footer.ipcBeiAn.url" target="_blank"
rel="nofollow noopener">{{ footer.ipcBeiAn.text }}
</el-link>
</div>
</div>
</el-main>
</el-container>
</div>
</template>
<script>
export default {
name: "FirFooter",
data() {
return {
footer: {
copyright: '',
ipcBeiAn: {
url: '',
text: '',
},
gongAnBeiAn: {
url: '',
text: '',
},
}
}
}, methods: {}, created() {
}, mounted() {
this.footer = window.g.footer;
}
}
</script>
<style scoped>
.el-container {
margin: 10px auto 100px;
width: 1166px;
}
.navbar-wrapper {
font-size: 0;
border-radius: 10px;
}
</style>