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


<script>
	import config from '@/until/config.js';
	import navBar from '@/component/nav.vue';
	export default {
		components: {
			navBar
		},
		data() {
			return {
				statusBarHeight:0,
				ThemeData:null,
				httpUrl:null
			}
		},
		onLoad(options) {
			this.httpUrl = config.BASE_URL
			const {
				h
			} = options
			this.statusBarHeight = h
			if(uni.getStorageSync('Theme_Data')) {
				this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
			}
		},
		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>