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

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

相关推荐
前端工作日常7 小时前
我学习到的AG-UI的功能:全面的交互支持
前端
LawrenceLan7 小时前
Flutter 零基础入门(十三):late 关键字与延迟初始化
开发语言·前端·flutter·dart
深耕AI7 小时前
【wordpress系列教程】03 网站页面的编辑
开发语言·前端
前端达人8 小时前
2026年React数据获取的第六层:从自己写缓存到用React Query——减少100行代码的秘诀
前端·javascript·react.js·缓存·前端框架
2501_948122638 小时前
React Native for OpenHarmony 实战:Steam 资讯 App 通知设置实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
—Qeyser8 小时前
Flutter 生命周期完全指南:从出生到死亡的全过程
前端·javascript·flutter
2501_948122638 小时前
React Native for OpenHarmony 实战:Steam 资讯 App 帮助中心实现
javascript·react native·react.js·游戏·ecmascript·harmonyos
YAY_tyy8 小时前
Turfjs 性能优化:大数据量地理要素处理技巧
前端·3d·arcgis·cesium·turfjs
hhcccchh8 小时前
学习vue第十二天 Vue开发工具链指南:从手工作坊到现代化工厂
前端·vue.js·学习