Files
chaoyangpc/src/components/FooterNav.vue
2019-09-26 09:27:59 +08:00

67 lines
1.3 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<div id="wrapper-w"
:style="{'background-image':'url('+imgUrl.foot+')'}">
<div>
<p>版权所有朝阳区委社会工委区民政局</p>
<p>京ICP备19040879号 Copyright 2019-2029 www.cyteam.orz.cn All Rights Reserved</p>
</div>
</div>
</template>
<script>
export default {
components: {},
props: {},
data () {
return {
imgUrl: {
foot: require('../../static/img/foot.png')
}
}
},
computed: {},
watch: {},
methods: {},
created () {},
mounted () {}
}
</script>
<style lang='scss' scoped>
#wrapper-w {
// width: 1280px;
width: 100%;
height: 227px !important;
background-size: 100% 100%;
background-color: rgba($color: #000000, $alpha: 0.6);
display: flex;
justify-content: center;
align-items: center;
& > div {
display: inline-block;
height: 64px;
text-align: center;
& > p:first-child {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: -1px;
color: #ffffff;
}
& > p:last-child {
font-family: "MicrosoftYaHei";
font-size: 16px;
font-weight: bold;
font-stretch: normal;
line-height: 60px;
letter-spacing: 0px;
color: #ffffff;
}
}
}
</style>