uni-app web-viwe 样式修改

该代码段定义了变量用于存储Webview对象和屏幕宽度,并通过uni.getSystemInfo获取屏幕信息。然后计算屏幕剩余宽度,获取Webview的第一个子元素,并设置GoogleMap的样式,使其在页面中居中显示,宽度为335像素,高度165像素,顶部距离550像素,左侧距离为屏幕剩余宽度的一半。此过程在页面初始化后延迟1秒执行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//定义变量用于接收webview对象
var GOOGLE_MAP_STYLE;
//定义变量用于接收屏幕宽度
var SYSTEM_WIDTH;
//获取屏幕宽度
uni.getSystemInfo({
	success: function(res) {
		SYSTEM_WIDTH = res.windowWidth;
	}
});
//获取屏幕剩余宽度
var leftwith = SYSTEM_WIDTH - 335
//获取webview对象
var currentWebview = this.$scope.$getAppWebview() 
setTimeout(function() {
		GOOGLE_MAP_STYLE = currentWebview.children()[0]
		GOOGLE_MAP_STYLE.setStyle({
			width: 335,
			height: 165,
			top: 550,
			left: leftwith / 2
	})
}, 1000); //如果是页面初始化调用时,需要延时一下

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值