<template>
	<view class="view-page">
		<!-- <headerHeight /> -->
		<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="`关于我们`" :emitBack="true" @backEvent="back">
		</navBar>
		<view class="dec-view">
			<web-view src="https://chat.qxmier.com/api/Page/page_show?id=20"></web-view>
		</view>
	</view>
</template>


<script>
	// import headerHeight from '@/component/headerHeight.vue';
	import navBar from '@/component/nav.vue';
	export default {
		components: {
			// headerHeight,
			navBar
		},
		data() {
			return {
				statusBarHeight:0
			}
		},
		onLoad(options) {
			const {
				h
			} = options
			this.currentIndex = type !== undefined ? +type : 0
			this.statusBarHeight = h
		},
		methods: {
			back() {
				this.closeWeb()
			},
			closeWeb(){
				const platform = uni.getSystemInfoSync().platform;
				if (platform === 'ios') {
					window.webkit.messageHandlers.nativeHandler.postMessage({
						'action': 'closeWeb'
					});
				} else if (platform === 'android') {
					window.Android.closeWeb();
				}
			},
		}
	}
</script>

<style scoped lang="scss">
	.view-page {
		min-height: 100vh;
		font-family: Source Han Sans CN, Source Han Sans CN;
		background-image: url('@/static/image/help/bg.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		img{
		   width: 100%;
		}
		.dec-view {
			min-height: calc(99vh - 160rpx);
			position: relative;
			border-radius: 16rpx;
			margin: 24rpx;

		}
	}
</style>