• 微信小程序


    1.iphone全面屏安全区设置

    constant(safe-area-inset-bottom)
    env(safe-area-inset-bottom)

    可以根据具体业务做具体j计算页面上view高度或者padding等

    2.自定义顶部高度

    wxml:

      <view class="header nav-wrap" style='height: {{height*2 + 20}}px;{{headerStyle}}'>
        <image src="/static/images/index_header_bg.png" mode="widthFix" class="bg"></image>
        <view class='nav-title title' style='line-height: {{height*2 + 44}}px;'>
          <image class="logo" src="/static/images/index_logo.png"></image>
          你的标题
        </view>
    
      </view>

    页面js:

    data:{
    height: app.globalData.height,
    }

    app.js

        wx.getSystemInfo({
          success: (res) => {
            this.globalData.height = res.statusBarHeight
          }
        })
    
      globalData: {
        height:0
      }

    如在滚动页面过程中有需要处理的逻辑或者样式等,在onPageScroll里面去实现:

      onPageScroll: function (e) { // 获取滚动条当前位置
        let scrollTop = e.scrollTop
        if (scrollTop >= (this.data.height * 3 )) {//这里的 this.data.height * 3 是我根据我的业务逻辑来做的判断 ,你可以使用你应用需要的值
          let h = this.data.height*2+44
          处理你的逻辑...
        } else {
        处理你的逻辑...
        }
      },    
    技术最菜,头发最少
  • 相关阅读:
    14.3.1选择选项
    14.3 选择框表单
    14.2.4HTML5约束API验证
    input标签之外是否一定添加form标签
    14.2.3自动切换焦点
    php设计模式---抽象模式模式
    php设计模式---简单工厂模式
    git基本教程,每天更新
    第5章 卷积神经网络
    第3章 深度学习基础
  • 原文地址:https://www.cnblogs.com/gushengyan/p/14913069.html
Copyright © 2020-2023  润新知