BiKing/components/iframe-page/iframe-page.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://app.chatra.live/index/index/home?visiter_id=&visiter_name=&avatar=&groupid=0&business_id=12"
				frameborder="0"></iframe>
		</view>
	</view>
</template>

<script>
	import closeIocn from "./../headModules/close.vue"
	export default {
		name: "iframe-page",
		components:{closeIocn},
		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>