首页 > 其他分享 >uniapp中动态计算屏幕高度问题

uniapp中动态计算屏幕高度问题

时间:2023-02-15 15:12:40浏览次数:30  
标签:uniapp 高度 winHeight sys let 屏幕 动态

在html中可使用动态高度

 

 

 

在data中

winHeight:'',

在onLoad中

this.scrollH()

 

在方法中使用

// 动态计算高度
scrollH:function(){
let sys = uni.getSystemInfoSync();
let winWidth = sys.windowWidth;
let winrate = 750/winWidth;
let winHeight =parseInt(sys.windowHeight*winrate)
// return winHeight
this.winHeight=winHeight- uni.upx2px(578); //可根据需要的屏幕高度进行调试
// console.log(this.winHeight)
},

标签:uniapp,高度,winHeight,sys,let,屏幕,动态
From: https://www.cnblogs.com/jie-web/p/17123114.html

相关文章

  • 时隔多年,这次我终于把动态代理的源码翻了个地儿朝天
    本文内容整理自博学谷狂野架构师动态代理简介​ Proxy模式是常用的设计模式,其特征是代理类与委托类有同样的接口,代理类主要负责为委托类预处理消息、过滤消息、把消......
  • 打开虚拟机一直转动屏幕
    原作者错误:调整SELINUX=permissive;造成一个很严重的问题就是服务器无法开机。主要是修改错误,不应该修改SELINUXTYPE=disabled 而应该修改SELINUX 当时由于心急所以修改......
  • win10 将任意文件固定到开始屏幕(最佳办法)
     1.情景展示以.bat文件文件为例,想将其固定到开始屏幕上,但是选中-->右键,却没有固定到开始屏幕选项,如何将其固定到开始屏幕上呢?2.解决方案选中你要固定到开始屏幕上......
  • ps 如何制作动态打字图?
     1.情景展示有几句话,想以打字的形式出现,而不是干巴巴的几个字,如何实现这个有趣的效果呢?2.解决方案第一步:录制屏幕:将想展示的文字逐字打出来--》保存;第二步:将录......
  • Mybatis12 - 动态SQL
    动态SQLMybatis框架的动态SQL技术是一种根据特定条件动态拼装SQL语句的功能,它存在的意义是为了解决拼接SQL语句字符串时的痛点问题。Oneofthemostpowerfulfeatures......
  • vue路由的使用,命名,参数,范式,嵌套,动态匹配
    基本使用:1,让Vue使用该VueRouter创建,Vue.use(VueRouter);2,创建router对象varrouter=newVueRouter({});3,在创建的router对象中配置路由对象,路由匹配的规则,var......
  • 更简单的原型语法和原型语法的动态性
    更简单的原型语法为减少不必要的输出,也从视觉上更好的封装原型的功能,用一个包含所有属性和方法的对象字面量来重写整个原型对象:functionPerson(){}Person.prototyp......
  • 顺序表应用8:最大子段和之动态规划法(SDUT 3665)
    ProblemDescription 给定n(1<=n<=100000)个整数(可能为负数)组成的序列a[1],a[2],a[3],…,a[n],求该序列如a[i]+a[i+1]+…+a[j]的子段和的最大值。当所给的整数均为负......
  • echarts 从后端获取数据,动态渲染图表
    echarts从后端获取数据,动态渲染图表简介echarts的数据是在初始化后setOption中直接填入的,但是很多时候可能数据需要异步加载后再填入。ECharts中实现异步数据的更新非......
  • 动态代理-基本实现步骤、动态代理-增强方法
    动态代理-基本实现步骤动态代理,增强对象Lenovo三个参数:1.类加载器:真实对象.getClass().getClassLoader()2.接口数组:真实对象.getClass().getInter......