no message

src/views/test/components/cqjcyj.vue

@@ -5,55 +5,66 @@
 </script>
 <template>
 	<!-- <img src="@/assets/images/haichong1.png"/> -->
-  <el-carousel :interval="4000" type="card" height="200px" arrow="never">
-    <el-carousel-item v-for="(item,index) in imgList" :key="index">
-      <el-image :src='item.imgUrl'></el-image>
-    </el-carousel-item>
-  </el-carousel>
-  <div class="main">
-  <div style="margin-right: 90rem;">设备名称:13号地1区太阳能测报灯</div>
-  <div style="margin-right: 185rem;">检测区域:13号地东区</div>
-  <div style="margin-right: 262rem;">识别数量:7</div>
-  <div style="margin-right: 262rem;">识别种类:5</div>
-  <div style="margin-right: 90rem;">采集时间:2023年4月24日17:07:45</div>
-  </div>
+	<div class="turntop">
+		<el-carousel :interval="4000" type="card" height="200rem" arrow="never">
+			<el-carousel-item v-for="(item,index) in imgList" :key="index">
+				<el-image :src='item.imgUrl'></el-image>
+			</el-carousel-item>
+		</el-carousel>
+	</div>
+	<div class="main">
+		<div>设备名称:13号地1区太阳能测报灯</div>
+		<div>检测区域:13号地东区</div>
+		<div>识别数量:7</div>
+		<div>识别种类:5</div>
+		<div>采集时间:2023年4月24日17:07:45</div>
+	</div>
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        imgList: [
-          {imgUrl: haichong1},
-		  {imgUrl: haichong2},
-		  {imgUrl: haichong3},
+	export default {
+		data() {
+			return {
+				imgList: [{
+						imgUrl: haichong1
+					},
+					{
+						imgUrl: haichong2
+					},
+					{
+						imgUrl: haichong3
+					},
 
-        ],
-      };
-    },
-  };
+				],
+			};
+		},
+	};
 </script>
 <style scoped>
+	.turntop{
+		margin: 10rem;
+	}
 	.el-carousel__item {
-	    height: 41%;
-	  }
-	  
-	  ::v-deep .el-carousel__indicators--outside {
-		  margin-top: -120rem;
-	  }
-	  
-	  .el-carousel__item:nth-child(2n) {
-	    background-color: #99a9bf;
-	  }
-	  
-	  .el-carousel__item:nth-child(2n+1) {
-	    background-color: #d3dce6;
-	  }
-	  
-	  .main{
-		  color: rgb(200, 250, 255);
-		  font-weight: 700;
-		  font-size: 17rem;
-		  
-	  }
+		height: 41%;
+	}
+
+	::v-deep .el-carousel__indicators--outside {
+		margin-top: -120rem;
+	}
+
+	.el-carousel__item:nth-child(2n) {
+		background-color: #99a9bf;
+	}
+
+	.el-carousel__item:nth-child(2n+1) {
+		background-color: #d3dce6;
+	}
+
+	.main {
+		margin: 0 10rem;
+		color: rgb(200, 250, 255);
+		font-weight: 700;
+		font-size: 17rem;
+		text-align: left;
+	}
 </style>

src/views/test/components/disaster.vue

@@ -1,5 +1,5 @@
 <template>
-	<jt-echarts style="width: 330rem;height: 240rem;margin:10rem 0 10rem 10rem;" :chartData="option"></jt-echarts>
+	<jt-echarts style="width: 330rem;height: 220rem;margin:20rem 0 10rem 10rem;" :chartData="option"></jt-echarts>
 </template>
 
 <script>