当前位置: 首页 > article >正文

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

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


http://www.kler.cn/a/396798.html

相关文章:

  • 黑盒测试案例设计方法的使用(1)
  • AR眼镜方案_AR智能眼镜阵列/衍射光波导显示方案
  • Vue3中一级导航栏的吸顶导航交互以及Pinia优化重复请求
  • centos rich 美观打印日志
  • 操作系统实验:在linux下用c语言模拟进程调度算法程序
  • Array数组方法
  • 表单自动化填写-JavaScript脚本
  • TypeORM在Node.js中的高级应用
  • 深度学习的核心思想
  • 【freertos】FreeRTOS时间管理
  • 代码随想录算法训练营第三十一天| 56. 合并区间 、738.单调递增的数字 。c++转java
  • 右键添加获取可供WSL使用的路径,对windows文件夹也适用,即获取符合Linux规范的路径内容给WSL
  • 搭建高效稳定的ChatGPT网络环境:从网络专线到IP地址管理的全流程解析
  • SQL 处理数列
  • C++中特殊类设计/单例模式
  • Javascript_设计模式(二)
  • 将Excel文件的两个表格经过验证后分别读取到Excel表和数据库
  • HTML之图片和超链接的学习记录
  • 124. 二叉树中的最大路径和【 力扣(LeetCode) 】
  • go debug日记:protoc -I . helloworld.proto --go_out=plugins=grpc:.错误debug
  • 【个人笔记】如何将 Linux 文件系统扩容
  • C++__day1
  • redis7.x源码分析:(2) adlist双向链表
  • 高防服务器的费用受到哪些原因影响?
  • Java重点--多线程
  • 241114.学习日志——[CSDIY] [CS]数据结构与算法 [00]