Guoguo
52cb1f72dc
- app.js 通过 wx.getSystemInfoSync 获取 statusBarHeight 存入 globalData
- 所有12个自定义导航页面的 JS 读取 statusBarHeight
- WXML 通过 style="padding-top: {{statusBarHeight + 24}}px" 动态适配
- 普通手机和灵动岛手机都能正确显示
21 行
736 B
Plaintext
21 行
736 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="scan-area">
|
|
<text class="scan-icon">📷</text>
|
|
<text class="scan-text">扫描设备二维码</text>
|
|
</view>
|
|
|
|
<button class="btn-primary" bindtap="onScan" disabled="{{scanning}}">
|
|
{{scanning ? '扫描中...' : '扫码'}}
|
|
</button>
|
|
<button class="btn-secondary" bindtap="onManualInput">手动输入设备号</button>
|
|
|
|
<view class="error-text" wx:if="{{error}}">{{error}}</view>
|
|
</view>
|
|
</view>
|