<template>
	<div class="view-bottom" :style="{'background': backgroundBg,'color': textcolor}">
		<div class="bqsy">版权所有：Copyright©2017-2037 　版权所有 荆州市红十字会</div>
		<div class="address">
			<img src="../../assets/img/bmtb.png" alt="" class="logo"/>
			<a href="https://beian.mps.gov.cn/#/query/websearch?code=42100202030016" rel="noreferrer " target="_blank" class="goto">鄂公网安备4218202030016</a>
		</div>
		<div class="address">地址：荆州市沙市区关沮镇青藜路128号 </div>
		<!-- <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" class="goto">鄂ICP备15019661号-1</a> -->
	</div>
</template>

<script>
export default {
	data() {
		return {

		}
	},
	props: {
		backgroundBg: {
			type: String,
			default: '#D82020'
		},
		textcolor: {
			type: String,
			default: '#FFFFFF'
		}
	}
}
</script>

<style lang="scss" scoped>
	.view-bottom {
		font-family:"黑体","Arial","Microsoft YaHei","宋体",sans-serif;
		
// font-family: PingFang SC;
		// width: 1920px;
		height: 174px;
		margin: 0 auto;
		background: #D82020;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 1;
		div {
			width: 1200px;
			text-align: center;
			margin: 0 auto;
		}
		.bqsy {
			padding-top: 65px;
		}
		.address {
			padding: 10px;
		}
	}
	.goto {
		color: #fff;
	}
	.logo {
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
</style>
