调整大屏比例

bigscreen1/css/style.css

@@ -279,7 +279,7 @@ i {
 .nav2>li {
     float: left;
     border-left: 1px solid rgba(7, 118, 181, .2);
-    height: 240px;
+    /*height: 180px;*/
     padding: 0 10px 10px 10px;
 }
 
@@ -296,8 +296,7 @@ i {
 }
 
 .ftechart {
-    height: 200px;
-    ;
+    height: 140px;
 }
 
 
@@ -350,12 +349,12 @@ i {
 }
 
 .mapnav div span {
-    font-size: 30px;
+    font-size: 20px;
     opacity: .6
 }
 
 .mapnav div p {
-    font-size: 60px;
+    font-size: 40px;
     letter-spacing: 6px;
     font-weight: bold;
     padding-top: 30px;
@@ -483,7 +482,7 @@ i {
 
 .tagcloud {
     width: 100%;
-    height: 90% !important;
+    height: 100% !important;
     overflow: hidden;
     position: relative;
 
@@ -509,8 +508,8 @@ i {
 }
 
 .b02 {
-    width: 80px;
-    height: 80px;
+    width: 60px;
+    height: 60px;
 }
 
 .b03 {
@@ -662,7 +661,7 @@ i {
 }
 
 .nenghaozonglan {
-    margin-top: 20px;
+    margin-top: 15px;
     margin-left: 0px;
 }
 
@@ -679,7 +678,7 @@ i {
 }
 
 .nenghaozonglan p {
-    font-size: 30px;
+    font-size: 25px;
     font-weight: bold;
     padding-top: 10px;
     color: #cc192e;
@@ -688,20 +687,20 @@ i {
 
 .hangjingzonglan {
 
-    padding-top: 20px;
-    padding-left: 20px;
-    height: 200px;
+    padding-top: 10px;
+    padding-left: 10px;
+    height: 150px;
     float: left;
     width: 50%;
 }
 
 .hangjingzonglan li {
     font-size: 16px;
-    line-height: 230%;
+    line-height: 150%;
 }
 
 .hangjingzonglantagcloud {
-    height: 220px;
+    height: 150px;
     float: left;
     width: 50%
 }
@@ -709,7 +708,7 @@ i {
 .jindu li {
     width: 50%;
     float: left;
-    height: 170px;
+    height: 150px;
 }
 
 .jindu div {
@@ -723,19 +722,19 @@ i {
 }
 
 .marquee {
-    height: 200px; 
+    height: 120px; 
     overflow: hidden;
-    margin-left: 50px;
+    margin-left: 10px;
 }
 .pth{
-    margin-top: 10px;
-    margin-bottom: 10px;
-    margin-left: 50px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    margin-left: 10px;
 }
 .marquee li p {
-    line-height: 300%;
+    line-height: 160%;
     font-size: 20px;
-    line-height: 20px;
+    line-height: 15px;
     height: 35px;
     margin: 5px;
 }
@@ -764,12 +763,12 @@ i {
 
 .marquee li p span:nth-child(3),
 .pth span:nth-child(3) {
-    width: 10%
+    width: 20%
 }
 
 .marquee li p span:nth-child(4),
 .pth span:nth-child(4) {
-    width: 40%
+    width: 30%
 }
 
 .pth span {

bigscreen1/index.html

@@ -23,7 +23,7 @@
 			<li style="width: 26%;">
 				<div class="box">
 					<div class="tit">厕所总览</div>
-					<div class="boxnav" style="height: 710px;">
+					<div class="boxnav" style="height: 500px;">
 						<div class="name">厕所总数量</div>
 						<div class="numtxt">560</div>
 						<div class="ceisuozonglan">
@@ -42,7 +42,7 @@
 								</li>
 							</ul>
 						</div>
-						<div class="leidanav" style="margin-top: 150px;">
+						<div class="leidanav" style="margin-top: 80px;">
 							<ul class="jindu clearfix">
 								<li id="zb1"></li>
 								<li id="zb2"></li>
@@ -55,7 +55,7 @@
 			</li>
 			<li style="width: 48%">
 				<div class="box">
-					<div class="boxnav mapc" style="height: 750px; position: relative">
+					<div class="boxnav mapc" style="height: 540px; position: relative">
 						<div class="mapnav">
 							<ul>
 								<li>
@@ -72,7 +72,7 @@
 			<li style="width: 26%">
 				<div class="box">
 					<div class="tit">能耗总览</div>
-					<div class="boxnav" style="height: 710px;">
+					<div class="boxnav" style="height: 500px;">
 						<div style=" border-bottom: 1px solid rgba(255, 255, 255, .1);">今日能耗</div>
 						<div class="nenghaozonglan">
 							<ul>
@@ -102,11 +102,11 @@
 				</div>
 			</li>
 		</ul>
-		<div class="box" style="padding: 20px 0;">
+		<div class="box" style="padding: 10px 0;">
 			<ul class="clearfix nav2 ">
 				<li style="width:25%;">
 					<div class="tit01">坑位状态</div>
-					<div class="ftechart" id="echarts_1"></div>
+					<div class="ftechart" id="echarts_1" style="margin-top: 20px;"></div>
 				</li>
 				<li style="width:50%">
 					<div class="tit01">驿站流量</div>
@@ -146,9 +146,10 @@
                         </ul>
 					</div>
 				</li>
+				
 				<li style="width:25%">
 					<div class="tit01">环境总览</div>
-					<div class="boxnav" style="height: 250px;">
+					<div class="boxnav" >
 						<div>
 							<!-- <div class="tit02 text-b">热门话题榜</div> -->
 							<div class="hangjingzonglan">

bigscreen1/js/js.js

@@ -50,7 +50,7 @@ function echarts_1() {
         },
         color: ['#20b9cf', '#2089cf', '#205bcf'],
         legend: { //图例组件，颜色和名字
-            x: '70%',
+            x: '60%',
             y: 'center',
             orient: 'vertical',
             itemGap: 12, //图例每项之间的间隔
@@ -66,12 +66,12 @@ function echarts_1() {
             }
         },
         series: [{
-            name: '行业占比',
+            name: '各占比例',
             type: 'pie',
             clockwise: false, //饼图的扇区是否是顺时针排布
             minAngle: 20, //最小的扇区角度（0 ~ 360）
-            center: ['35%', '50%'], //饼图的中心（圆心）坐标
-            radius: [40, 100], //饼图的半径
+            center: ['30%', '50%'], //饼图的中心（圆心）坐标
+            radius: [30, 70], //饼图的半径
             //  avoidLabelOverlap: true, ////是否启用防止标签重叠
             itemStyle: { //图形样式
                 normal: {
@@ -96,27 +96,6 @@ function echarts_1() {
                 }
             },
             data: data
-        }, {
-            name: '',
-            type: 'pie',
-            clockwise: false,
-            silent: true,
-            minAngle: 20, //最小的扇区角度（0 ~ 360）
-            center: ['35%', '50%'], //饼图的中心（圆心）坐标
-            radius: [0, 100], //饼图的半径
-            itemStyle: { //图形样式
-                normal: {
-                    borderColor: '#1e2539',
-                    borderWidth: 1.5,
-                    opacity: 0.5,
-                }
-            },
-            label: { //标签的位置
-                normal: {
-                    show: false,
-                }
-            },
-            data: data
         }]
     };