yichael_zhongchuang_front_2/components/home/shutDownWebview.vue

<template>
	<view class="s_container df aife jcc" v-if='bShowWebview' @click="onClickShutWebview">开始测验
		<!-- <view class="shut_down df aic jcc" @click="onClickShutWebview">开始测验</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bShowWebview: false,
			}
		},
		methods: {
			onClickShutWebview() {
				this.bShowWebview = false;
				this.$emit('onHideWebview');
				this.$emit("onClick_KSKC");
			},
			onClickShow() {
				this.bShowWebview = true;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.s_container {
		// position: fixed;
		position: absolute;
		width: px2vw(200);
		height: px2vw(58);
		background: #EA252C;
		border-radius: px2vw(8);
		font-size: px2vw(24);
		color: #FFFFFF;
		line-height: px2vw(31);
		margin-bottom: px2vw(63);
		
		z-index: 1;
	
		// border:5px solid red;
		
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
		
		top: 90%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.shut_down {
		// margin-top: 2%;
		// margin-right: 2%;
		// width: px2vw(78);
		// height: px2vw(58);
		// background: #ffffff;
		// border-radius: px2vw(8);

		// display: flex;
		// text-align: center;
		// align-items: center;
		// justify-content: center;

		width: px2vw(200);
		height: px2vw(58);
		background: #EA252C;
		border-radius: px2vw(8);
		font-size: px2vw(24);
		color: #FFFFFF;
		line-height: px2vw(31);
		margin-bottom: px2vw(63);
	}
</style>