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

调整大屏比例

Browse Source
old
xiaoguo 2 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 {
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 {

17
bigscreen1/index.html
Unescape Escape View File

@ -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,15 +102,15 @@
</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>
<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">
<ul>
<li>
@ -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">

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

@ -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
}]
};

Write Preview
Loading…
Cancel
Save