46 行
1.9 KiB
Plaintext
46 行
1.9 KiB
Plaintext
<view class="page">
|
||
<view class="loading-container" wx:if="{{loading}}">
|
||
<view class="loading-spinner"></view>
|
||
<text class="loading-text">加载中...</text>
|
||
</view>
|
||
|
||
<view class="page-content" wx:if="{{!loading && !hasDevice}}">
|
||
<view class="empty-device">
|
||
<text class="empty-icon">📱</text>
|
||
<view class="empty-text">还没有绑定设备</view>
|
||
<button class="btn-primary mt-30" bindtap="onAddDevice">扫码添加设备</button>
|
||
<view class="debug-actions" wx:if="{{devMode}}">
|
||
<view class="debug-label">🔧 调试工具</view>
|
||
<button class="btn-secondary btn-sm" bindtap="onMockBind">模拟绑定设备</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="page-content" wx:if="{{!loading && hasDevice}}">
|
||
<view class="device-card">
|
||
<view class="device-card-icon">💆</view>
|
||
<view class="device-card-name">{{deviceName || '光子美容仪'}}</view>
|
||
<view class="device-card-status">
|
||
<text class="status-badge status-badge-green" wx:if="{{connected}}">已连接</text>
|
||
<text class="status-badge" style="background:#ccc;" wx:else>未连接</text>
|
||
<text class="device-card-battery" wx:if="{{connected}}">🔋 {{battery}}%</text>
|
||
</view>
|
||
<button class="btn-reconnect" bindtap="onConnectBle" wx:if="{{!connected}}">重新连接</button>
|
||
</view>
|
||
|
||
<view class="sub-info" bindtap="onViewSubscription">
|
||
<view class="sub-info-left">
|
||
<text class="sub-info-icon">💳</text>
|
||
<text wx:if="{{subscription && subscription.status === 'active'}}">智能模式 · 剩余{{subRemaining}}天</text>
|
||
<text wx:else>未订阅智能模式</text>
|
||
</view>
|
||
<text class="sub-info-arrow">›</text>
|
||
</view>
|
||
|
||
<view class="action-buttons">
|
||
<button class="btn-primary" bindtap="onStartTreatment">开始护理</button>
|
||
<button class="btn-secondary" bindtap="onManageDevice">设备管理</button>
|
||
</view>
|
||
</view>
|
||
</view>
|