<template>
	<div class="view-bottom">
		<div class="content">
			<div class="erweima">
				<div class="erweima-bg"><img src="../../assets/img/weichat.jpg" /></div>
				<div class="erweima-title">扫一扫关注我们</div>
			</div>
			<div class="bqsy">
				<div class="bqsy-item" v-for="(item, index) in list">
					<div class="title">{{ item.title }}</div>
				</div>
			</div>
			<div class="address" style="margin-top: 20px;">地址：浙江省台州市路桥区路北街道珠光街199号213室（环飞龙湖科创生态圈首聚地）</div>
			<div class="address" style="margin-top: 15px;">
				电话：0576-82528889
				<span>邮箱：163312@qq.com</span>
				<span>邮编：318050</span>
			</div>
			<div class="address" style="margin-top: 15px;">备案号：浙ICP备2021004458号</div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			list: [
				{
					path: '/home',
					title: '首页'
				},
				{
					path: '/about',
					title: '关于我们'
				},
				{
					path: '/loveList',
					title: '案例展示'
				},
				{
					path: '/join',
					title: '新闻动态'
				},
				{
					path: '/donation',
					title: '节水测试'
				},
				{
					path: '/concat',
					title: '物联网登录'
				}
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.view-bottom {
	width: 100%;
	position: relative;
	height: auto;
	margin: 0 auto;
	background: #0165b5;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	padding: 25px 0 35px 0;
	.content {
		margin: 0 auto;
		max-width: 1200px;
		min-width: 1080px;
		position: relative;
	}
	.bqsy {
		display: flex;
		width: 100%;
		justify-content: center;
		.bqsy-item:first-child {
			width: 100px;
			border-left: none;
		}
		.bqsy-item {
			height: 25px;
			width: 120px;
			text-align: center;
			align-items: center;
			font-family: PingFang SC;
			line-height: 25px;
			font-size: 16px;
			cursor: pointer;
			border-left: 1px solid #ffffff;
			.title {
				width: 120px;
			}
		}
	}
	.address {
		width: 1200px;
		text-align: center;
		margin: 0 auto;
		font-size: 14px;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #ffffff;
		span {
			display: inline-block;
			padding-left: 30px;
		}
	}
}
.erweima {
	position: absolute;
	top: 20px;
	right: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: auto;
	height: auto;
	.erweima-bg {
		width: 100px;
		background-color: #ffffff;
		line-height: 0;
		img {
			width: 100%;
		}
	}
	.erweima-title {
		font-size: 14px;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #ffffff;
		margin-top: 10px;
	}
}
</style>
