BiKing/pages/content/new-people.vue

<template>
	<view class="iframe-content">
		<headContent statusBarBg="#191A2E" bgColor="#191A2E">

			<template #left>
				<reverse-back iconColor="#fff" />
			</template>
			<template #content>
				<view class="haed-title">
					新人指南
				</view>
			</template>
			<template #right>
				<closeIocn iconColor="#fff" />
			</template>
		</headContent>
		<view class="iframe-box">
			<iframe
				src="https://biking.zendesk.com/hc/zh-cn/sections/10621702835985-%E6%96%B0%E6%89%8B%E6%8C%87%E5%8D%97"
				frameborder="0"></iframe>
		</view>
	</view>
</template>

<script>
	export default {
		name: "new-people",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.haed-title {
		color: #fff !important;
	}

	.iframe-content {
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;

		.iframe-box {
			flex: 1;

			iframe {
				width: 100%;
				height: 100%;
			}
		}

	}
</style>