博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序将view动态填满全屏
阅读量:5879 次
发布时间:2019-06-19

本文共 1109 字,大约阅读时间需要 3 分钟。

一、在app.js利用官方方法获取设备信息,将获取到的screenHeight、windowHeight度量单位统一由rpx换算为px

注:官方文档给出 【rpx换算px (屏幕宽度/750)  】【 px换算rpx (750/屏幕宽度)】

App({    onLaunch: function() {        wx.getSystemInfo({            success: res => {                this.globalData.systemInfo = res                 this.globalData.windowHeight = res.windowHeight /(res.windowWidth /750)                 this.globalData.screenHeight = res.screenHeight /(res.screenWidth /750)             }        })    },    globalData: {        systemInfo: null,         windowHeight: null, // rpx换算px后的窗口高度         screenHeight: null, // rpx换算px后的屏幕高度     }}) 二、在要使用的页面的js文件里引用
const app = getApp()Page({    data: {        windowHeight: 0,        screenHeight: 0    },    onLoad: function() {        this.setData({            windowHeight: app.globalData.windowHeight,            screenHeight: app.globalData.screenHeight        })    }})三、在要使用的页面的wxml里使用,若有底部导航栏tabBar则使用windowHeight,若没有则使用screenHeight
{
{item}}
此时class为contentListBox的view的高度为可用窗口高度。

转载于:https://www.cnblogs.com/Man-Dream-Necessary/p/9392340.html

你可能感兴趣的文章
OC语言中NSDate的用法
查看>>
php 接口类与抽象类的实际作用
查看>>
golang常见的几种并发模型框架
查看>>
ios开发知识(四十一)
查看>>
CentOS 6.5 安装部署zabbix(Agent客户端篇)
查看>>
(转)服务器time_wait和close_wait处理
查看>>
第4章:介绍python对象类型/4.1 python的核心数据类型/4.5 元组以及文件操作
查看>>
决心书
查看>>
软件安装
查看>>
IP-guard文档加密系统软件典型应用
查看>>
网络工程师成长日记143-自知之明去哪了
查看>>
交换路由实现全网互通
查看>>
思科路由器密码破解
查看>>
Linux学习— /etc/fstab文件详解
查看>>
国家危废目录
查看>>
Redis二进制安装
查看>>
最好用的工兵铲—MaxCompute Studio,来了解下!
查看>>
MySQL数据库的备份与恢复
查看>>
CentOS 7 实现Nginx+Tomcat 负载均衡
查看>>
openstack 调试
查看>>