<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
// 跳转链接
const toView = (id) => {
	// router.push(`/service/view/${id}`);
};
// 跳转链接
const toMap = () => {
	router.push(`/map`);
};
</script>

<template>
	<v-footer app class="footer text-center">
		<div class="box">
			<div class="box_left pt-4">
				<img src="@/assets/img/home_hz.png" height="56" />
			</div>
			<div>
				<div class="pt-4">
					<a class="mx-3 text-black" @click="toView('d488eec6-5094-11ef-b897-78aa8211f96a')">联系我们</a>| <a class="mx-3 text-black" @click="toView('c9aa171781b64e2185c99fccf794d038')">网站声明</a>|
					<a class="mx-3 text-black" @click="toMap()">网站地图</a>| <a class="mx-3 text-black" @click="toView('cf6c15edcdf145bc8cdb6f9043a11554')">无障碍声明</a>|
					<a class="mx-3 text-black" @click="toView('11fee7080f834584932983086cd06c08')">隐私保护</a>
				</div>
				<p class="mt-2">主办单位(版权所有):杭州市残疾人联合会 备案号：浙ICP备2020032304号-1 E-Mail:ztc@hzcl.org.cn</p>
				<p class="mt-2 mb-4">网站设计及无障碍技术支持：杭州雅心互联科技有限公司</p>
			</div>
			<div class="box_right mt-1">
				<img src="@/assets/img/home_gzh.png" height="88" />
				<img src="@/assets/img/home_xlwb.png" class="ml-5" height="88" />
			</div>
		</div>
	</v-footer>
</template>

<style lang="scss" scoped>
.footer {
	font-size: 14px;
	.box {
		margin: auto;
		max-width: 1200px;
		width: 100%;
		position: relative;
		.box_right{
			position: absolute;
			right: 0;
			top: 6px;
		}
		.box_left {
			position: absolute;
			left: 0;
			top: 6px;
		}
	}
	a {
		cursor: pointer;
	}
}
</style>
