微信小程序设置屏幕安全距离

<script setup>

import {

onMounted,

ref

} from 'vue';

let url = ref('');

onMounted(() => {

const windowInfo = wx.getWindowInfo();

let safe_left = 0; //屏幕左边安全距离

let safe_bottom = 0; //屏幕底部安全距离

safe_left = ((windowInfo.safeArea.left / windowInfo.screenWidth) * 750);

safe_bottom = (6 + (windowInfo.screenHeight - windowInfo.safeArea.bottom));

url.value = 'https://saas.carned.cn/Carned-Car2/static/index.html?safe_left=' + safe_left +

'px&safe_bottom=' + safe_bottom + 'px';

console.log(url.value)

})

</script>

相关推荐
天蓝色的鱼鱼1 分钟前
Next.js路由全解析:Pages Router 与 App Router,你选对了吗?
前端·next.js
xun_xing5 分钟前
基于Nextjs15的学习手记
前端·javascript·react.js
有意义9 分钟前
Vibe Coding:人机共生时代的开发革命 —— 从概念到 Chrome 扩展实战
前端·ai编程·vibecoding
梅梅绵绵冰21 分钟前
SpringMVC快速入门
前端
kirkWang21 分钟前
HarmonyOS 6.0 服务卡片实战:把「轻食刻」装进桌面,让轻断食一眼可控
前端
1024小神24 分钟前
VNBarcodeObservation的结果中observation.boundingBox 是什么类型?
前端
xun_xing29 分钟前
Javascript的Iterator和Generator
前端·javascript
秃了才能变得更强30 分钟前
React Native 新、旧架构集成原生模块方式
前端
1024小神33 分钟前
swift中VNDetectBarcodesRequest VNImageRequestHandler 是什么?有什么作用?VN是什么意思
前端
加个鸡腿儿35 分钟前
React项目实战 | 修复Table可展开行,点击一个全部展开
前端·react.js·编程语言