yusheng-h5/pages/other/gradeRule.vue

<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="`${httpUrl}/api/Page/page_show?id=${flagIndex === 1 ? 10 : 11}`"></web-view>
		</view>
	</view>
</template>


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