67 lines
1.3 KiB
Vue
67 lines
1.3 KiB
Vue
<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>
|