uniapp引入外链

<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>

相关文章

文章浏览阅读52次。1.0.0版本 只需修改API接口即可 接口位置...
文章浏览阅读820次。在uni-app和vue3中,我们可以封装全局函...
文章浏览阅读671次,点赞22次,收藏6次。整理在Uniapp应用开...
文章浏览阅读122次。【代码】Uniapp Vue3 父组件给子组件传值...
文章浏览阅读765次。包括数据绑定和计算属性、条件渲染和列表...
文章浏览阅读129次。Uniapp 底部导航栏 自定义 tabBar 全端 ...