fastbee/yack-mini/miniprogram/components/device-card/device-card.wxml

39 lines
1.2 KiB
Plaintext

<!-- 设备卡片组件 -->
<view class="device-card" catchtap="handleTap">
<!-- 设备信息 -->
<view class="device-main">
<view class="device-header">
<text class="device-name">{{device.name || device.deviceName || '未命名设备'}}</text>
<view class="status-tag {{device.connected ? 'online' : 'offline'}}">
{{device.connected ? '已连接' : '未连接'}}
</view>
</view>
<view class="device-info">
<view class="info-row">
<text class="info-label">编号:</text>
<text class="info-value">{{device.serialNumber}}</text>
</view>
<view class="info-row">
<text class="info-label">产品:</text>
<text class="info-value">{{device.productName || device.productId}}</text>
</view>
</view>
</view>
<!-- 操作区 -->
<view class="device-actions">
<!-- 启停开关 -->
<switch
class="device-switch"
checked="{{device.enabled}}"
color="#1890ff"
catchtap="preventBubble"
bindchange="handleSwitch"
/>
<!-- 删除按钮 -->
<button class="delete-btn" catchtap="handleDelete" size="mini">
删除
</button>
</view>
</view>