Guoguo
52cb1f72dc
- app.js 通过 wx.getSystemInfoSync 获取 statusBarHeight 存入 globalData
- 所有12个自定义导航页面的 JS 读取 statusBarHeight
- WXML 通过 style="padding-top: {{statusBarHeight + 24}}px" 动态适配
- 普通手机和灵动岛手机都能正确显示
39 行
1.5 KiB
Plaintext
39 行
1.5 KiB
Plaintext
<view class="page">
|
|
<view class="page-header page-header-gold" 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="service-card">
|
|
<view class="service-icon">✨</view>
|
|
<view class="service-info">
|
|
<view class="service-name">智能模式</view>
|
|
<view class="service-desc">根据皮肤状态自动调节</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="plans">
|
|
<view class="plan {{selected === 'monthly' ? 'selected' : ''}}" bindtap="onSelect" data-plan="monthly">
|
|
<view class="plan-price">¥99</view>
|
|
<view class="plan-name">月卡</view>
|
|
<view class="plan-save">约3.3元/天</view>
|
|
</view>
|
|
<view class="plan {{selected === 'yearly' ? 'selected' : ''}}" bindtap="onSelect" data-plan="yearly">
|
|
<view class="plan-tag" wx:if="{{selected !== 'yearly'}}">推荐</view>
|
|
<view class="plan-tag plan-tag-active" wx:else>推荐</view>
|
|
<view class="plan-price">¥899</view>
|
|
<view class="plan-name">年卡</view>
|
|
<view class="plan-save">省¥289</view>
|
|
</view>
|
|
</view>
|
|
|
|
<button class="btn-primary btn-primary-gold" bindtap="onPurchase" disabled="{{purchasing}}" loading="{{purchasing}}">
|
|
确认支付
|
|
</button>
|
|
<view class="agreement">支付即表示同意《订阅协议》</view>
|
|
</view>
|
|
</view>
|