<template>
	<view class="content">
		<navigator url="../my/about?uid=100&t=1535987051" open-type="switchTab">
			<text class="title">测试引入组态页面</text>
			<!-- 使用iframe，会出现布局错乱，然后需要手动去适配app在不同设备上的样式问题 -->
		<!-- 	<iframe src="https://blog.csdn.net/weixin_38999134?spm=1000.2115.3001.5343" :style="{ height: this.app_height * 0.5 + 'rpx',width:  this.app_height * 100 + 'rpx' }" >
			</iframe>
			 -->
			 <!-- web-view是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。 -->
			 <web-view src="https://blog.csdn.net/weixin_38999134?spm=1000.2115.3001.5343"></web-view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				webviewStyles: {
					progress: {
						color: '#FF3333'
					}
				}
			}
		}
	}
</script>

<style>
	.content {
		flex: 1;
		justify-content: center;
		align-items: center;
	}

	.title {
		font-size: 36px;
		color: #8f8f94;
	}
</style>