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

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

相关推荐
高德开放平台2 分钟前
文末有奖|高德MCP 2.0 出行领域首发打通大模型与高德地图APP互联
前端
苳烨9 分钟前
UniApp使用最新版Android Studio本地离线打包全流程
前端
Monly2111 分钟前
vue报错:Loading chunk * failed,vue-router懒加载出错问题。
前端·javascript·vue.js
李剑一14 分钟前
别再用HTTP/1这个老古董了,两招帮你升级HTTP/2
前端·架构
t20071821 分钟前
4.27 react第一天
前端·react.js·前端框架
飞天牛牛25 分钟前
前端小知识:彻底搞懂 CSS 的 `position: sticky`!
前端
大名人儿36 分钟前
【JS事件循环机制event-loop】
javascript·事件循环·宏任务·微任务·event-loop
vim怎么退出36 分钟前
46.二叉树展开为链表
前端·leetcode
薛定谔的猫243 分钟前
Composition API的深入理解与最佳实践
前端·vue.js
NaN_3721 小时前
新手教程-使用 Android Studio 搭建 React Native 项目开发环境
前端