JT-CIM-ZHNY/src/views/siqing/siqing.vue

<template>
	<router-view v-slot="{ Component }">
		<keep-alive>
			<component :is=" Component" v-if="$route.meta.keepAlive" />
		</keep-alive>
		<component :is="Component" v-if="!$route.meta.keepAlive" />
	</router-view>
	
	<router-link to="/home/siqing">
		<div class="layerButtoncq" @click="layerIsShow"></div>
	</router-link>
	<router-link to="/home/siqing/miaoqing">
		<div class="layerButtonmq" @click="layerIsShow"></div>
	</router-link>
	<router-link to="/home/siqing/turang">
		<div class="layerButtontr" @click="layerIsShow"></div>
	</router-link>
	<router-link to="/home/siqing/qixiang">
		<div class="layerButtonqx" @click="layerIsShow"></div>
	</router-link>
	
</template>

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

			}
		},
		methods: {
			layerIsShow() {

			}
		},
		mounted() {

		}
	}
</script>

<style scoped>
	.layerButtoncq {
		background: url('@/assets/images/siqing/cq.png') no-repeat;
		background-size: 100% 100%;
		font-family: "TTTGB-Medium", sans-serif !important;
		position: fixed;
		left: 750rem;
		bottom: 40rem;
		width: 80rem;
		height: 90rem;
		/* background-color: rgba(255,255,255,0.5); */
		color: #000;
		line-height: 40rem;
		cursor: pointer;
		z-index: 11;
		user-select: none;
	}

	.layerButtonmq {
		background: url('@/assets/images/siqing/mq.png') no-repeat;
		background-size: 100% 100%;
		font-family: "TTTGB-Medium", sans-serif !important;
		position: fixed;
		left: 950rem;
		bottom: 40rem;
		width: 80rem;
		height: 90rem;
		/* background-color: rgba(255,255,255,0.5); */
		color: #000;
		line-height: 40rem;
		cursor: pointer;
		z-index: 11;
		user-select: none;
	}

	.layerButtontr {
		background: url('@/assets/images/siqing/tr.png') no-repeat;
		background-size: 100% 100%;
		font-family: "TTTGB-Medium", sans-serif !important;
		position: fixed;
		left: 1150rem;
		bottom: 40rem;
		width: 80rem;
		height: 90rem;
		/* background-color: rgba(255,255,255,0.5); */
		color: #000;
		line-height: 40rem;
		cursor: pointer;
		z-index: 11;
		user-select: none;
	}

	.layerButtonqx {
		background: url('@/assets/images/siqing/qx.png') no-repeat;
		background-size: 100% 100%;
		font-family: "TTTGB-Medium", sans-serif !important;
		position: fixed;
		left: 1350rem;
		bottom: 40rem;
		width: 80rem;
		height: 90rem;
		/* background-color: rgba(255,255,255,0.5); */
		color: #000;
		line-height: 40rem;
		cursor: pointer;
		z-index: 11;
		user-select: none;
	}
</style>