- app.js 通过 wx.getSystemInfoSync 获取 statusBarHeight 存入 globalData
- 所有12个自定义导航页面的 JS 读取 statusBarHeight
- WXML 通过 style="padding-top: {{statusBarHeight + 24}}px" 动态适配
- 普通手机和灵动岛手机都能正确显示
25 行
940 B
Plaintext
25 行
940 B
Plaintext
<view class="page">
|
|
<view class="page-header page-header-green" 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="success-area">
|
|
<view class="success-icon">✓</view>
|
|
<view class="success-title">订阅成功!</view>
|
|
</view>
|
|
|
|
<view class="sub-card">
|
|
<view class="sub-header">
|
|
<text class="sub-name">✨ {{planName}}</text>
|
|
<text class="sub-status status-badge status-badge-green">已订阅</text>
|
|
</view>
|
|
<view class="sub-info">有效期至:{{expiryDate}}</view>
|
|
</view>
|
|
|
|
<button class="btn-primary btn-primary-gold" bindtap="onStartSmart">立即体验智能模式</button>
|
|
<button class="btn-secondary btn-secondary-gold" bindtap="onBackHome">返回首页</button>
|
|
</view>
|
|
</view>
|