Guoguo
52cb1f72dc
- app.js 通过 wx.getSystemInfoSync 获取 statusBarHeight 存入 globalData
- 所有12个自定义导航页面的 JS 读取 statusBarHeight
- WXML 通过 style="padding-top: {{statusBarHeight + 24}}px" 动态适配
- 普通手机和灵动岛手机都能正确显示
29 行
994 B
Plaintext
29 行
994 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="page-title">自动扫描面部区域</view>
|
|
|
|
<view class="scan-container">
|
|
<view class="face-outline">
|
|
<view class="scan-line"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="scan-hint">请将面罩对准面部</view>
|
|
|
|
<view class="scan-progress" wx:if="{{scanning}}">
|
|
正在扫描... <text class="highlight">{{regionData.length || 3}}</text> 个区域
|
|
</view>
|
|
|
|
<view class="detected-tags" wx:if="{{regionData.length > 0}}">
|
|
<text class="detected-tag" wx:for="{{regionData}}" wx:key="region">{{item.region}}</text>
|
|
</view>
|
|
|
|
<button class="btn-primary mt-30" wx:if="{{!scanning}}" bindtap="onNext">设置护理参数</button>
|
|
</view>
|
|
</view>
|