no message

src/views/Map3d/components/ggsbtj.vue

@@ -4,35 +4,35 @@
 
 <template>
 	<div class="main">
-		<div class="shape">
+		<div class="number1">
 			<div class="number">320</div>
 			<div class="title">总设备数量</div>
 		</div>
-		<div class="shape">
+		<div class="inline">
 			<div class="number">210</div>
 			<div class="title">在线设备</div>
 		</div>
-		<div class="shape">
+		<div class="online">
 			<div class="number">10</div>
 			<div class="title">离线设备</div>
 		</div>
-		<div class="shape-red">
+		<div class="warning">
 			<div class="number" style="color: red;">15</div>
 			<div class="title">告警设备</div>
 		</div>
-		<div class="shape">
+		<div class="open">
 			<div class="number">95</div>
 			<div class="title">开泵数量</div>
 		</div>
-		<div class="shape">
+		<div class="close">
 			<div class="number">85</div>
 			<div class="title">关泵数量</div>
 		</div>
-		<div class="shape">
+		<div class="water">
 			<div class="number">1500吨</div>
 			<div class="title">耗水总量/月</div>
 		</div>
-		<div class="shape">
+		<div class="elect">
 			<div class="number">400kw/h</div>
 			<div class="title">耗电总量/月</div>
 		</div>
@@ -74,23 +74,64 @@
 		width:100%;
 		height:100%;
 		display:flex;
+		margin-top: 10rem;
 		flex:2;
 		flex-wrap: wrap;
 		justify-content: space-around;
 		align-items: center;
-		.shape{
-			background:url('@/assets/images/fang.png') no-repeat;
+		.number1{
+			background:url('@/assets/images/shebei/number.png') no-repeat;
 			background-size:100% 100%;
 			width: 120rem;
 			height: 56rem;
-			
 		}
-		.shape-red{
-			background:url('@/assets/images/fang-red.png') no-repeat;
+		.close{
+			background:url('@/assets/images/shebei/close.png') no-repeat;
 			background-size:100% 100%;
 			width: 120rem;
 			height: 56rem;
-			
+			margin-top: 5rem;
+		}
+		.elect{
+			background:url('@/assets/images/shebei/elect.png') no-repeat;
+			background-size:100% 100%;
+			width: 120rem;
+			height: 56rem;
+			margin-top: 5rem;
+		}
+		.inline{
+			background:url('@/assets/images/shebei/inline.png') no-repeat;
+			background-size:100% 100%;
+			width: 120rem;
+			height: 56rem;
+		}
+		.online{
+			background:url('@/assets/images/shebei/online.png') no-repeat;
+			background-size:100% 100%;
+			width: 120rem;
+			height: 56rem;
+			margin-top: 5rem;
+		}
+		.water{
+			background:url('@/assets/images/shebei/water.png') no-repeat;
+			background-size:100% 100%;
+			width: 120rem;
+			height: 56rem;
+			margin-top: 5rem;
+		}
+		.warning{
+			background:url('@/assets/images/shebei/warning.png') no-repeat;
+			background-size:100% 100%;
+			width: 120rem;
+			margin-top: 5rem;
+			height: 56rem;
+		}
+		.open{
+			background:url('@/assets/images/shebei/open.png') no-repeat;
+			background-size:100% 100%;
+			width: 120rem;
+			height: 56rem;
+			margin-top: 5rem;
 		}
 	}
 </style>

src/views/Table/components/dsnl.vue

@@ -85,7 +85,7 @@
 		align-items: center;
 		flex-direction: row;
 		// color: rgba(29,191,205,1);
-		margin-left: 10rem;
+		margin-left: 20rem;
 		margin-top: 10rem;
 
 		.shape {