Guoguo
92416261ee
Miniprogram: - Add BLE reconnect button on home page when disconnected - Add loading states to index, profile, subscribe-plans pages - Add profile editing (avatar + nickname) with COS upload - Enable pull-to-refresh on history page - Fix auto-scan self.options → self.data inconsistency - Add console.error to silent catch blocks - Gate 'Simple Peripheral' BLE scan behind __DEV__ flag - Add production config comment to env.js Admin console: - Add empty state '暂无数据' to all 5 list views - Replace plain text plan input with select dropdown - Add type="date" to record date filters - Add production config comment Server: - CORS origin restricted in production (env CORS_ORIGIN) - DB pool size configurable via DB_POOL_SIZE env var - .env.example updated with WeChat Pay + production fields
53 行
2.5 KiB
Plaintext
53 行
2.5 KiB
Plaintext
<view class="page">
|
||
<view class="page-header page-header-gold" style="padding-top: {{statusBarHeight + 24}}px;">
|
||
<view class="nav-back" bindtap="onBack">‹ 返回</view>
|
||
<view class="page-header-title">订阅服务</view>
|
||
<view class="page-header-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">当前套餐</text>
|
||
<text class="current-sub-value">{{subscription.plan === 'trial' ? '试用' : subscription.plan === 'monthly' ? '月卡' : subscription.plan === 'yearly' ? '年卡' : subscription.plan}}</text>
|
||
</view>
|
||
<view class="current-sub-row">
|
||
<text class="current-sub-label">剩余天数</text>
|
||
<text class="current-sub-value">{{subRemaining}}天</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="page-title">选择订阅套餐</view>
|
||
|
||
<view class="loading-plans" wx:if="{{loadingPlans}}">
|
||
<view class="loading-spinner"></view>
|
||
<text class="loading-text">加载套餐中...</text>
|
||
</view>
|
||
|
||
<view class="service-card" wx:if="{{!loadingPlans}}">
|
||
<view class="service-icon">✨</view>
|
||
<view class="service-info">
|
||
<view class="service-name">智能模式</view>
|
||
<view class="service-desc">根据皮肤状态自动调节</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 ? '续费' : '确认支付'}}
|
||
</button>
|
||
<view class="agreement" bindtap="onAgreement">支付即表示同意《订阅协议》</view>
|
||
</block>
|
||
</view>
|
||
</view>
|