소스 검색

首页设备在线状态

常志远 1 년 전
부모
커밋
d0d557c4e4
1개의 변경된 파일37개의 추가작업 그리고 1개의 파일을 삭제
  1. 37 1
      pages/statistics/statistics.vue

+ 37 - 1
pages/statistics/statistics.vue

@@ -111,6 +111,14 @@
 							</view>
 							<view class="equipment2 equipment-text-overflow">
 								{{item.companyName}}
+								<!-- 离线 -->
+								<view class="state" >
+									<text class="off-line"></text>离线
+								</view>
+								<!-- 在线 -->
+								<!-- <view class="state state2" >
+									<text class="on-line"></text>在线
+								</view> -->
 							</view>
 						</view>
 						<view class="electricity">
@@ -636,7 +644,7 @@
 					border-bottom: 1px solid rgba(245, 245, 245, 1);
 
 					.equipment {
-						width: 33%;
+						width: 35%;
 						
 						// .equipment-text-overflow {
 						// 	display: -webkit-box;
@@ -652,6 +660,32 @@
 
 						.equipment2 {
 							color: rgba(119, 119, 119, 1);
+							display: flex;
+							
+							.state{
+								margin-left: 12rpx;
+								display: flex;
+								align-items: center;
+								color: rgba(255,123,0,1);
+								text{
+									margin-right: 8rpx;
+									display: inline-block;
+									width: 16rpx;
+									height: 16rpx;
+									border-radius: 999px;
+								}
+								.off-line{
+									
+									background-color: rgba(255,123,0,1);
+									
+								}
+								.on-line{
+									background-color: rgba(0,185,98,1);
+								}
+							}
+							.state2{
+								color: rgba(0,185,98,1);
+							}
 						}
 					}
 
@@ -668,6 +702,8 @@
 								color: rgba(51, 51, 51, 1);
 								font-size: 32rpx;
 								font-weight: bold;
+								height: 40rpx;
+								line-height: 40rpx;
 							}
 
 							.date {