Guoguo
4466c53c7b
- 3 个并行 agent 各管 5 页,互不重叠命名空间 - 全 App 18 页均 i18n.bind,22 命名空间/400 键中英对齐 - 动态文案(时长/天数/价格/区域)JS 内 i18n.t 计算;区域标签复用 common.regions
53 行
2.7 KiB
Plaintext
53 行
2.7 KiB
Plaintext
<view class="page">
|
||
<view class="page-header page-header-gold" style="padding-top: {{statusBarHeight + 24}}px;">
|
||
<view class="nav-back" bindtap="onBack">‹ {{i18n.common.back}}</view>
|
||
<view class="page-header-title">{{i18n.subPlans.title}}</view>
|
||
<view class="page-header-subtitle">{{i18n.subPlans.subtitle}}</view>
|
||
</view>
|
||
|
||
<view class="page-content">
|
||
<!-- Current subscription status -->
|
||
<view class="current-sub" wx:if="{{subscription && subscription.status === 'active' && subRemaining > 0}}">
|
||
<view class="current-sub-row">
|
||
<text class="current-sub-label">{{i18n.subPlans.currentPlanLabel}}</text>
|
||
<text class="current-sub-value">{{subscription.plan === 'trial' ? i18n.subPlans.planTrial : subscription.plan === 'monthly' ? i18n.subPlans.planMonthly : subscription.plan === 'yearly' ? i18n.subPlans.planYearly : subscription.plan}}</text>
|
||
</view>
|
||
<view class="current-sub-row">
|
||
<text class="current-sub-label">{{i18n.subPlans.remainDaysLabel}}</text>
|
||
<text class="current-sub-value">{{subRemainingText}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="page-title">{{i18n.subPlans.choosePlan}}</view>
|
||
|
||
<view class="loading-plans" wx:if="{{loadingPlans}}">
|
||
<view class="loading-spinner"></view>
|
||
<text class="loading-text">{{i18n.subPlans.loadingPlans}}</text>
|
||
</view>
|
||
|
||
<view class="service-card" wx:if="{{!loadingPlans}}">
|
||
<view class="service-icon">✨</view>
|
||
<view class="service-info">
|
||
<view class="service-name">{{i18n.subPlans.smartMode}}</view>
|
||
<view class="service-desc">{{i18n.subPlans.smartModeDesc}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="plans" wx:if="{{!loadingPlans}}">
|
||
<view class="plan {{selected === item.key ? 'selected' : ''}} {{item.disabled ? 'plan-disabled' : ''}}" wx:for="{{plans}}" wx:key="key" bindtap="{{item.disabled ? '' : 'onSelect'}}" data-plan="{{item.key}}">
|
||
<view class="plan-tag {{item.disabled ? 'plan-tag-disabled' : (selected === item.key ? 'plan-tag-active' : '')}}" wx:if="{{item.tag}}">{{item.tag}}</view>
|
||
<view class="plan-price">{{item.priceLabel}}</view>
|
||
<view class="plan-name">{{item.name}}</view>
|
||
<view class="plan-save">{{item.desc}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<block wx:if="{{!loadingPlans}}">
|
||
<button class="btn-primary btn-primary-gold" bindtap="onPurchase" disabled="{{purchasing}}" loading="{{purchasing}}">
|
||
{{subscription && subscription.status === 'active' && subRemaining > 0 ? i18n.subPlans.renew : i18n.subPlans.confirmPay}}
|
||
</button>
|
||
<view class="agreement" bindtap="onAgreement">{{i18n.subPlans.agreement}}</view>
|
||
</block>
|
||
</view>
|
||
</view>
|