mobile_h5/actMgt/pages/my/contactUs.vue

<template>
	<view class="body">
		<view class="content uni-column">
			<view class="uni-column uni-jcc top">
				<my-topbar :title="title" :showBack="true" @btnBackClick="btnBack"></my-topbar>
				<view class="top-content uni-row">
				</view>
			</view>

			<view class="main uni-column">
				<web-view class="webView" :fullscreen="false" :src="contactUrl"></web-view>
				<!-- <iframe :src="contactUrl" class="iframe" frameborder="0"></iframe> -->
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters
	} from 'vuex';
	import tools from '/utils/tools.js';
	// import card from '/utils/card.js';
	// import {
	// 	checkResCode
	// } from '/utils/api.js';

	export default {
		data() {
			return {
				queryObj: {},
				queryString: "",
				title: "联系我们",
				contactUrl: "https://www.colormaprun.com/info/contact.html"
			}
		},
		computed: {
			...mapState([
				'username', // 映射 this.username 为 store.state.username
				'userlevel',
				'token'
			]),
			...mapGetters([
				'metadata'
			]),
		},
		onLoad(query) {
			// console.log(query);
			this.queryObj = query;
			this.queryString = tools.objectToQueryString(this.queryObj);
			// console.log(queryString);
		},
		methods: {
			// getBannerStyle() {
			// 	return card.getBannerStyle(this.actRs);
			// },
			btnBack() {
				const url = "/pages/actManage/index";
				tools.appAction(url, "uni.switchTab");
			},
		}
	}
</script>

<style scoped>
	.top {
		height: 36px;
		flex-shrink: 0;
		background: rgb(255, 195, 0, 0.26);
	}

	.main {
	}

	/deep/ iframe {
		width: 100vw !important;
		height: calc(100vh - 36px) !important;
		border: 0 !important;
	}

</style>