Guoguo
52cb1f72dc
- app.js 通过 wx.getSystemInfoSync 获取 statusBarHeight 存入 globalData
- 所有12个自定义导航页面的 JS 读取 statusBarHeight
- WXML 通过 style="padding-top: {{statusBarHeight + 24}}px" 动态适配
- 普通手机和灵动岛手机都能正确显示
23 行
786 B
Plaintext
23 行
786 B
Plaintext
<view class="page">
|
|
<view class="page-header page-header-pink" style="padding-top: {{statusBarHeight + 24}}px;">
|
|
<view class="page-header-title">光子美容仪</view>
|
|
<view class="page-header-subtitle">微信授权登录</view>
|
|
</view>
|
|
|
|
<view class="page-content">
|
|
<view class="welcome-text">欢迎使用光子美容仪</view>
|
|
|
|
<view class="flower-area">
|
|
<text class="flower">🌸</text>
|
|
<view class="desc">获取你的手机号</view>
|
|
<view class="desc">提供更好的服务</view>
|
|
</view>
|
|
|
|
<button class="login-btn" loading="{{loading}}" bindtap="onLogin" disabled="{{loading}}">
|
|
微信授权登录
|
|
</button>
|
|
|
|
<view class="agreement">登录即表示同意《用户协议》和《隐私政策》</view>
|
|
</view>
|
|
</view>
|