werun-wxapp/nova-werun/pages/home/statistics/index.js

// nova-werun/pages/home/statistics/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
            //屏幕高度
            statusBarHeight: 0, // 状态栏高度
            screenHeight: 0, // 屏幕高度
            customHeight: 0, // 自定义导航栏高度（如小程序右上角胶囊按钮）
            bottomNavHeight: 0, // 底部导航栏高度
            contentHeight: 0, // 可用内容高度
            contentHeight2: 0,
            contentpadding: 0, //顶部padding高度

            active: 0,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
                // 计算
                const systemInfo = wx.getSystemInfoSync();
                const statusBarHeight = systemInfo.statusBarHeight || 0;
                const screenHeight = systemInfo.screenHeight || 0;
                const custom = wx.getMenuButtonBoundingClientRect();
                const customHeight = custom.height + 10 + 2 || 0;
                const bottomNavHeight = systemInfo.screenHeight - systemInfo.safeArea.bottom || 0;
        
                const contentpadding = (statusBarHeight + customHeight) * 750 / systemInfo.windowWidth;
                const contentHeight = (screenHeight -50- bottomNavHeight - statusBarHeight - customHeight) * 750 / systemInfo.windowWidth;
                this.setData({
                    statusBarHeight,
                    screenHeight,
                    customHeight,
                    bottomNavHeight,
                    contentpadding,
                    contentHeight
                });
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    },
    onChange(event) {
        this.setData({ active: event.detail });
      },
})