<template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
		<navBar  :navTitle="`规则说明`"  :style="{'margin-top' : `${statusBarHeight || 0}px`}">
		</navBar>
		<view class="dec-view" v-if="flagIndex !== null">
			<web-view :src="`https://chat.qxmier.com/api/Page/page_show?id=${flagIndex === 1 ? 10 : 11}`"></web-view>
		</view>
	</view>
</template>


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