BiKing/pages/content/customer-service.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="kefu_url" frameborder="0"></iframe>
		</view>
	</view>
</template>

<script>
	import {
		Way_getSetting
	} from "@/utils/common-request.js"
	export default {
		name: 'customer-service',
		data() {
			return {
				kefu_url: ''
			};
		},
		onLoad() {
			this.kefu_url = this.$getStorageSync('kefu_url') || ''
			// 
			if (!this.kefu_url) {
				Way_getSetting().then(res => {
					this.kefu_url = res.kefu_url
				})
			}
		}
	}
</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>