修改首页适配问题
This commit is contained in:
wans
parent
47728561bd
commit
586185350f
@ -13,9 +13,9 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="layui-fluid">
|
<div class="layui-fluid">
|
||||||
<div class="layui-row">
|
<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-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-col-sm3 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-header">
|
<div class="layui-card-header">
|
||||||
@ -25,7 +25,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-card-body layuiadmin-card-list">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -69,12 +69,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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-col-sm2 layui-col-md2">
|
||||||
<div class="layui-card">
|
<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>
|
<i class="layui-inline fa fa-user-o"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -85,9 +85,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="layui-col-sm2 layui-col-md2">
|
<div class="layui-col-sm2 layui-col-md2">
|
||||||
<div class="layui-card">
|
<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>
|
<i class="layui-inline fa fa-user-o"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -98,9 +98,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="layui-col-sm2 layui-col-md2">
|
<div class="layui-col-sm2 layui-col-md2">
|
||||||
<div class="layui-card">
|
<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>
|
<i class="layui-inline fa fa-user-o"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -111,9 +111,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="layui-col-sm2 layui-col-md2">
|
<div class="layui-col-sm2 layui-col-md2">
|
||||||
<div class="layui-card">
|
<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>
|
<i class="layui-inline fa fa-user-o"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -124,9 +124,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="layui-col-sm2 layui-col-md2">
|
<div class="layui-col-sm2 layui-col-md2">
|
||||||
<div class="layui-card">
|
<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>
|
<i class="layui-inline fa fa-user-o"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -137,9 +137,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="layui-col-sm2 layui-col-md2">
|
<div class="layui-col-sm2 layui-col-md2">
|
||||||
<div class="layui-card">
|
<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>
|
<i class="layui-inline fa fa-user-o"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -154,7 +154,7 @@
|
|||||||
<div class="layui-col-sm12">
|
<div class="layui-col-sm12">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-body">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -162,7 +162,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-row">
|
<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-col-sm4 layui-col-md4">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-body">
|
<div class="layui-card-body">
|
||||||
@ -303,9 +303,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: '3%',
|
left: '2%',
|
||||||
right: '4%',
|
right: '2%',
|
||||||
bottom: '3%',
|
bottom: '10%',
|
||||||
containLabel: true,
|
containLabel: true,
|
||||||
show: true,
|
show: true,
|
||||||
},
|
},
|
||||||
@ -345,9 +345,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: '3%',
|
left: '2%',
|
||||||
right: '4%',
|
right: '2%',
|
||||||
bottom: '3%',
|
bottom: '10%',
|
||||||
containLabel: true
|
containLabel: true
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
@ -387,6 +387,11 @@
|
|||||||
text: '民族分布情况',
|
text: '民族分布情况',
|
||||||
left: 'left'
|
left: 'left'
|
||||||
},
|
},
|
||||||
|
legend : {
|
||||||
|
show : true,
|
||||||
|
left : 20,
|
||||||
|
top : 30,
|
||||||
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'item',
|
trigger: 'item',
|
||||||
formatter: '{b} : {c} ({d}%)'
|
formatter: '{b} : {c} ({d}%)'
|
||||||
@ -394,8 +399,8 @@
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
radius: [20, 140],
|
radius: [20, 100],
|
||||||
center: ['50%', '50%'],
|
center: ['55%', '55%'],
|
||||||
roseType: 'area',
|
roseType: 'area',
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
borderRadius: 5
|
borderRadius: 5
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user