Explorar o código

增加电量显示

htc hai 1 día
pai
achega
45ca283166
Modificáronse 1 ficheiros con 41 adicións e 2 borrados
  1. 41 2
      components/deviceBox/index.vue

+ 41 - 2
components/deviceBox/index.vue

@@ -3,7 +3,19 @@
 		<div class="l_top adfacjb">
 			<!-- <div class="lt_l">{{item.alias||item.board||''}}</div> -->
 			<div class="lt_l">{{ item.id || '' }}</div>
-			<div class="lt_r adfac">
+			<div class="lt_r adfac">
+				<template v-if="item.state === 1">
+					<div class="ydl adfac">
+						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/08/27/45faf5ff-4d18-4c4a-9d8e-98787dbdf0ad.png"></image>
+						<text>{{item.evalue||'-'}}</text>
+					</div>
+				</template>
+				<template v-else-if="item.state === 0">
+					<div class="wdl adfac">
+						<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/08/27/66e4ead8-176d-44cc-97b3-ff06c53c94dc.png"></image>
+						<text>-</text>
+					</div>
+				</template>
 				<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/8a203ba4-2e9e-4379-89ec-dc7fc9caa3d4.png" v-if="item.state === 1"></image>
 				<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/5ed3a1fc-9a05-4f13-8449-fd3183b00355.png" v-else-if="item.state === 0"></image>
 				<image src="https://transcend.ringzle.com/xiaozhi-app/profile/2025/06/03/c6d13477-ae1d-4f52-b835-3411a57fc4d7.png" v-if="item.state === 1"></image>
@@ -201,7 +213,34 @@ export default {
 			image {
 				width: 42rpx;
 				height: 42rpx;
-				margin-right: 34rpx;
+				margin-right: 30rpx;
+			}
+			
+			.ydl{
+				image{
+					margin-right: 0 !important;
+				}
+				text{
+					font-family: PingFang-SC, PingFang-SC;
+					font-weight: bold;
+					font-size: 26rpx;
+					color: #1B50FF;
+					line-height: 37rpx;
+					margin-right: 30rpx;
+				}
+			}
+			.wdl{
+				image{
+					margin-right: 0 !important;
+				}
+				text{
+					font-family: PingFang-SC, PingFang-SC;
+					font-weight: bold;
+					font-size: 26rpx;
+					color: #C7C7C7;
+					line-height: 37rpx;
+					margin-right: 30rpx;
+				}
 			}
 
 			.ltr_zt {