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

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

相关推荐
YuJie3 分钟前
JSBridge 基础知识
前端·javascript
BigTopOne8 分钟前
Ubuntu 虚拟机编译 WebRTC Android AAR(M140 / branch-heads/7339)
前端
默_笙8 分钟前
🍕 后端接口还没写好,前端已经跑起来了?Mock 数据 + axios 接口层,前后端再也不互相"等"
前端·javascript
书源11 分钟前
AI 时代写给前端同行:什么在贬值,什么在涨价
前端·程序员·ai编程
爱勇宝22 分钟前
客户只想看个页面,我却做了一个静态演示发布系统
前端·javascript·后端
渔夫正在掘金24 分钟前
告别构建时代:为什么 AI 编程浪潮正让 Vue 与 React 走向落后?
前端
一个有理想的摸鱼选手34 分钟前
(四)路书Agnet-综合天气距离交通节奏等多因素来编排旅行路线
前端·后端·gis
神奇的程序员36 分钟前
在这个独属于ai的时代,我终究是被裁员了
前端·后端·面试
玉宇夕落39 分钟前
React + JWT 登录鉴权系统
前端
hunterandroid44 分钟前
[鸿蒙从零到一] HarmonyOS 安全加固与数据保护实战:从密钥管理到反调试的全链路防护
前端