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

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

相关推荐
Asize几秒前
重生之我在 Vibe Coding 时代当程序员:第十一课,JS底层 :变量提升真相
前端·javascript
HYCS1 分钟前
用pixi.js实现fabric.js(五):事件系统
前端·javascript·canvas
Momo__4 分钟前
Node.js 26 来了:Temporal API 默认启用,Date 终于可以退休了
前端·node.js
小宇AI5 分钟前
用纯 Node.js 写了一个 JS 解释器 — kernel-js-lite
javascript
雨季mo浅忆7 分钟前
记录前端内网开发之新入职篇
前端·内网开发
杨运交21 分钟前
[025][Web模块]基于 Spring Boot 的请求日志过滤器设计与实现
前端·spring boot·后端
IT_陈寒30 分钟前
React的useEffect里设状态?我又踩雷了
前端·人工智能·后端
恋猫de小郭32 分钟前
GSY 史上最全跨平台/架构/语言的项目,七大项目召唤「神龙」
android·前端·flutter
范什么特西38 分钟前
狂神Vue
前端·javascript·vue.js
怕浪猫1 小时前
Electron 开发实战(六):系统交互与原生功能实战全解
前端·javascript·electron