文件
jw-beauty/miniprogram/pages/index/index.wxml
T

53 行
1.9 KiB
Plaintext

<view class="container">
<view class="card device-card" wx:if="{{!hasDevice}}">
<view class="text-center">
<view class="section-title">添加设备</view>
<view class="text-muted mb-30">您还没有绑定设备</view>
<view class="btn-primary" bindtap="onAddDevice">扫码添加设备</view>
</view>
</view>
<view class="card device-card" wx:if="{{hasDevice}}">
<view class="flex-between mb-20">
<view>
<view class="device-name">{{deviceName}}</view>
<view class="device-status">
<text class="{{connected ? 'text-success' : 'text-muted'}}">
{{connected ? '已连接' : bleState === 'scanning' ? '扫描中...' : bleState === 'connecting' ? '连接中...' : '未连接'}}
</text>
</view>
</view>
<view wx:if="{{connected}}" class="battery-area">
<text>{{battery}}%</text>
</view>
</view>
<view wx:if="{{!connected && bleState !== 'scanning' && bleState !== 'connecting'}}" class="mt-20">
<view class="btn-secondary" bindtap="onConnectBle">连接设备</view>
</view>
<view wx:if="{{connected}}" class="mt-20">
<view class="text-muted">设备状态: {{modeState}}</view>
</view>
</view>
<view class="card sub-card" bindtap="onViewSubscription">
<view class="flex-between">
<view>
<view class="section-title">订阅状态</view>
<view class="text-muted">
<block wx:if="{{subscription && subscription.status > 0}}">
{{subscription.status === 1 ? '试用中' : '已订阅'}} · 剩余 {{subRemaining}} 天
</block>
<block wx:else>未订阅</block>
</view>
</view>
<text class="arrow">&#10095;</text>
</view>
</view>
<view class="card" wx:if="{{connected && subscription && subscription.status > 0}}">
<view class="btn-primary text-center" bindtap="onStartTreatment">开始护理</view>
</view>
</view>