You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
iot/projects/WebMVC/wwwroot/components/devices/humiture.html

31 lines
1.0 KiB

<template>
<div class="card device-component">
<div class="card-header">
<h3 class="card-title">
{{device.displayName}}
<i v-if="device.isOnline" class="text-success ion ion-ios-wifi"></i>
<i v-else class="text-danger ion ion-ios-wifi"></i>
</h3>
</div>
<div class="card-body">
<div class="row">
<div class="col-4 align-self-center">
<img class="device-image" :src="device.ioTProduct.image" style="width:48px;" />
</div>
<div class="col-8 align-self-center">
<div class="row">
<span>温度:{{getIoTData(device, '温度')}}</span>
</div>
<div class="row">
<span>湿度:{{getIoTData(device, '湿度')}}</span>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
({
props: ['device']
});
</script>