Browse Source

首页样式修改(时间筛选和图表、弹窗等)

v6
meizf 1 year ago
parent
commit
8f9f686c0e
  1. 86
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css
  2. 8
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html

86
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css

@ -144,7 +144,7 @@ html, body {
height: 100%;
}
.select_item > label > a::after {
.select_item > label > a::after, .select_item > input::after {
position: absolute;
top: 0.45rem;
right: -0.2rem;
@ -157,9 +157,21 @@ html, body {
font-size: 1.25rem;
}
.select_item > input {
position: relative;
margin: 0 2px;
padding: 0 0.5rem;
width: 16.5rem;
height: 2.15rem;
color: rgba(255, 255, 255, .8);
background: linear-gradient(to top, transparent 0, rgba(59, 145, 253, 0.4), rgba(59, 145, 253, 0.05));
border: 0 none;
cursor: pointer;
}
.link_btn {
float: right;
margin: 0.45% 5% 2%;
margin: 0.45% 7.5% 2% 0;
min-width: 31rem;
height: 2rem;
font-size: 1.2rem;
@ -466,7 +478,7 @@ html, body {
}
.inspect_count {
margin: 2% 0 3% -0.5rem;
margin: 4% 0 3% -0.5rem;
color: rgba(255, 255, 255, .6);
}
@ -570,7 +582,7 @@ html, body {
}
.tab_inspect_item:last-child > ul {
margin: 9% 5% 0 -5%;
margin: 8% 5% 0 -5%;
width: 38%;
}
@ -893,12 +905,74 @@ html, body {
.chartbox_right {
margin: 0;
width: 100%;
height: 45%;
height: 46%;
background: url("../images/bg_pie.png") no-repeat center;
background-position-y: 50.5%;
background-position-y: 40.5%;
background-size: 48.5%;
}
.wrap_right .chartbox_right {
height: 47%;
background-position-y: 30.5%;
}
/** 时间选择样式 **/
.layui-laydate, .layui-laydate-hint {
box-shadow: 0 2px 4px rgba(11, 59, 145, .5) !important;
background-color: rgba(5, 25, 62, .9) !important;
border: 1px solid rgba(11, 59, 145, .8) !important;
color: #fff !important;
}
.layui-laydate-header {
border-bottom: 1px solid rgba(11, 59, 145, .8) !important;
}
.layui-laydate-footer {
border-top: 1px solid rgba(11, 59, 145, .8) !important;
}
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
border-left: 1px solid rgba(11, 59, 145, .8) !important;
}
.layui-laydate-content td {
color: rgba(255, 255, 255, .9) !important;
}
.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev {
color: rgba(255, 255, 255, .5) !important;
}
.layui-laydate-content tbody tr:nth-child(even) {
background: transparent !important;
}
.layui-laydate-content th {
color: #5494cd !important;
}
.layui-laydate-content td.laydate-selected {
background-color: #016b66 !important;
}
.laydate-selected.laydate-day-next, .laydate-selected.laydate-day-prev {
background-color: #323131 !important;
}
.laydate-footer-btns span {
border: 1px solid #163a66 !important;
background-color: #1852bb !important;
}
.layui-laydate-footer span:hover {
color: #0be3fb !important;
}
.layui-laydate-list {
background-color: rgba(0, 0, 0, .85) !important;
}
/** 滚动条样式 **/
::-webkit-scrollbar { /*滚动条整体样式*/
width: 0.5rem; /*高宽分别对应横竖滚动条的尺寸*/

8
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html

@ -805,7 +805,7 @@
},
legend: {
bottom:'2%',
bottom:'0',
show: true,
textStyle: {
color: "#809ABE",
@ -838,7 +838,7 @@
type:'pie',
color: ['#2d6fcf', '#4fa0a8', '#5e9acc', '#b29f60','#af5172','#8a61d2', '#6f2c9b', "#9d7173", "#887456", "#9eac71"],
radius : [52, 72],
center : ['50%', '50%'],
center : ['50%', '45%'],
//roseType : 'area',
padAngle: 2,
itemStyle: {
@ -910,7 +910,7 @@
},
legend: {
bottom:'2%',
bottom:'-1%',
show: true,
textStyle: {
color: "#809ABE",
@ -943,7 +943,7 @@
type:'pie',
color: ['#7bb06c', '#489d61', '#4e97a6', '#3953d4', '#4e3ec5', '#6f2c9b', "#9d7173", "#887456", "#9eac71","#8e5aac"],
radius : [52, 72],
center : ['50%', '50%'],
center : ['50%', '40%'],
//roseType : 'area',
padAngle: 2,
itemStyle: {

Loading…
Cancel
Save