Guoguo
b9a4f484bb
- Device card: top row with icon+name+badge, reconnect button below - Action buttons wrapped in flex column with 20rpx gap - Removed inline device-battery, now part of device-meta row
50 行
2.1 KiB
Plaintext
50 行
2.1 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-top">
|
||
<view class="device-icon">💆</view>
|
||
<view class="device-info">
|
||
<view class="device-name">{{deviceName || '我的光面膜'}}</view>
|
||
<view class="device-meta">
|
||
<text class="status-badge status-badge-green" wx:if="{{connected}}">已连接</text>
|
||
<text class="status-badge" style="background:#ccc;" wx:else>未连接</text>
|
||
<text class="device-battery-text" wx:if="{{connected}}">🔋 {{battery}}%</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<button class="btn-reconnect" bindtap="onConnectBle" wx:if="{{hasDevice && !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>
|