xiaoguo75131
/
GuideScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整大屏比例

Browse Source
old
xiaoguo 3 years ago
parent e46b0d6202
commit 962085eaf7
3 changed files with 37 additions and 58 deletions
Show Stats Download Patch File Download Diff File

49
bigscreen1/css/style.css
Unescape Escape View File

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

17
bigscreen1/index.html
Unescape Escape View File

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

29
bigscreen1/js/js.js
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save