修改首页适配问题

This commit is contained in:
wans 2022-01-05 12:57:22 +08:00
parent 47728561bd
commit 586185350f

View File

@ -13,9 +13,9 @@
<body>
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-sm12 layui-col-md12 layui-col-space15">
<div class="layui-col-sm12 layui-col-md12 layui-col-space5">
<div class="layui-col-md7 layui-col-sm12">
<div class="layui-row layui-col-space15">
<div class="layui-row layui-col-space5">
<div class="layui-col-sm3 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">
@ -25,7 +25,7 @@
</span>
</div>
<div class="layui-card-body layuiadmin-card-list">
<p id="count1" class="layuiadmin-big-font">0</p>
<p id="count1" class="layuiadmin-big-font" style="font-size: 28px;">0</p>
</div>
</div>
</div>
@ -69,12 +69,12 @@
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-row layui-col-space5">
<div class="layui-col-sm2 layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">
<div class="layui-card-header" style="padding: 0 5px;">
刑满释放
<span class="layui-badge layui-bg-red layuiadmin-badge">
<span class="layui-badge layui-bg-red layuiadmin-badge" style="margin-top: -10px;right : 5px;">
<i class="layui-inline fa fa-user-o"></i>
</span>
</div>
@ -85,9 +85,9 @@
</div>
<div class="layui-col-sm2 layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">
<div class="layui-card-header" style="padding: 0 5px;">
社区矫正
<span class="layui-badge layui-bg-red layuiadmin-badge">
<span class="layui-badge layui-bg-red layuiadmin-badge" style="margin-top: -10px;right : 5px;">
<i class="layui-inline fa fa-user-o"></i>
</span>
</div>
@ -98,9 +98,9 @@
</div>
<div class="layui-col-sm2 layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">
<div class="layui-card-header" style="padding: 0 5px;">
精神障碍
<span class="layui-badge layui-bg-red layuiadmin-badge">
<span class="layui-badge layui-bg-red layuiadmin-badge" style="margin-top: -10px;right : 5px;">
<i class="layui-inline fa fa-user-o"></i>
</span>
</div>
@ -111,9 +111,9 @@
</div>
<div class="layui-col-sm2 layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">
<div class="layui-card-header" style="padding: 0 5px;">
吸毒人员
<span class="layui-badge layui-bg-red layuiadmin-badge">
<span class="layui-badge layui-bg-red layuiadmin-badge" style="margin-top: -10px;right : 5px;">
<i class="layui-inline fa fa-user-o"></i>
</span>
</div>
@ -124,9 +124,9 @@
</div>
<div class="layui-col-sm2 layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">
<div class="layui-card-header" style="padding: 0 5px;">
艾滋病患者
<span class="layui-badge layui-bg-red layuiadmin-badge">
<span class="layui-badge layui-bg-red layuiadmin-badge" style="margin-top: -10px;right : 5px;">
<i class="layui-inline fa fa-user-o"></i>
</span>
</div>
@ -137,9 +137,9 @@
</div>
<div class="layui-col-sm2 layui-col-md2">
<div class="layui-card">
<div class="layui-card-header">
<div class="layui-card-header" style="padding: 0 5px;">
重点青少年
<span class="layui-badge layui-bg-red layuiadmin-badge">
<span class="layui-badge layui-bg-red layuiadmin-badge" style="margin-top: -10px;right : 5px;">
<i class="layui-inline fa fa-user-o"></i>
</span>
</div>
@ -154,7 +154,7 @@
<div class="layui-col-sm12">
<div class="layui-card">
<div class="layui-card-body">
<div id="genderAgeChart" style="width: 100%; height: 243px;"></div>
<div id="genderAgeChart" style="width: 100%; height: 233px;"></div>
</div>
</div>
</div>
@ -162,7 +162,7 @@
</div>
</div>
<div class="layui-row">
<div class="layui-col-sm12 layui-col-md12 layui-col-space15">
<div class="layui-col-sm12 layui-col-md12 layui-col-space5">
<div class="layui-col-sm4 layui-col-md4">
<div class="layui-card">
<div class="layui-card-body">
@ -303,9 +303,9 @@
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
left: '2%',
right: '2%',
bottom: '10%',
containLabel: true,
show: true,
},
@ -345,9 +345,9 @@
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
left: '2%',
right: '2%',
bottom: '10%',
containLabel: true
},
xAxis: {
@ -387,6 +387,11 @@
text: '民族分布情况',
left: 'left'
},
legend : {
show : true,
left : 20,
top : 30,
},
tooltip: {
trigger: 'item',
formatter: '{b} : {c} ({d}%)'
@ -394,8 +399,8 @@
series: [
{
type: 'pie',
radius: [20, 140],
center: ['50%', '50%'],
radius: [20, 100],
center: ['55%', '55%'],
roseType: 'area',
itemStyle: {
borderRadius: 5