qiniu/pages/extension/components/shareInfo/index.vue

<template>
	<view v-if="shareInfoStatus" class="poster-first">
		<view class="mask-share">
			<image :src="imgHost + '/statics/images/share-info.png'" @click="shareInfoClose"
				@touchmove.stop.prevent="false"></image>
		</view>
	</view>
</template>

<script>
	import {
		HTTP_REQUEST_URL
	} from '@/config/app';
	export default {
		props: {
			shareInfoStatus: {
				type: Boolean,
				default: false,
			}
		},
		data: function() {
			return {
				imgHost: HTTP_REQUEST_URL,
			};
		},
		mounted: function() {},
		methods: {
			shareInfoClose: function() {
				this.$emit("setShareInfoStatus");
			}
		}
	};
</script>

<style scoped lang="scss">
	.poster-first {
		overscroll-behavior: contain;
	}

	.mask-share {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99;
	}

	.mask-share image {
		width: 100%;
		height: 100%;
	}
</style>