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

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

相关推荐
zpjing~.~3 分钟前
Vue3 provide 和 inject的使用
vue.js
小孔_H6 分钟前
Vue3 虚拟列表组件库 virtual-list-vue3 的使用
前端·javascript·学习·list
jokerest12315 分钟前
web——upload-labs——第五关——大小写绕过绕过
前端·后端
钢铁小狗侠42 分钟前
前端(3)——快速入门JaveScript
前端
咔咔库奇1 小时前
CSS基础知识04
前端·css
Black蜡笔小新1 小时前
无插件H5播放器EasyPlayer.js网页web无插件播放器选择全屏时,视频区域并没有全屏问题的解决方案
前端·javascript·音视频
Augenstern、1 小时前
vue3 element el-table实现表格动态增加/删除/编辑表格行,带有校验规则
前端·javascript·vue.js
A黄俊辉A1 小时前
electron安装遇到的问题
前端·javascript·electron
lvbb661 小时前
ES6更新的内容中什么是proxy
前端·ecmascript·es6
痕忆丶2 小时前
鸿蒙北向开发 : hdmfs-分布式文件系统
前端