更性统计
This commit is contained in:
@@ -3,6 +3,29 @@
|
||||
<h3>更新统计</h3>
|
||||
<div class="information">
|
||||
<u-subsection :list="list" :current="1"></u-subsection>
|
||||
|
||||
<div class="card_list">
|
||||
<div class="card">
|
||||
<div class="card_name">新增居民档案</div>
|
||||
<div class="card_num">234</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card_name">居民档案更新</div>
|
||||
<div class="card_num">234</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card_name">新增网格员</div>
|
||||
<div class="card_num">234</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card_name">减少网格员</div>
|
||||
<div class="card_num">234</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card_name">新增积分事件</div>
|
||||
<div class="card_num">234</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -46,11 +69,32 @@ export default {
|
||||
}
|
||||
.information {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 16px;
|
||||
padding: 32px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.card_list {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
.card {
|
||||
width: 50%;
|
||||
height: 160px;
|
||||
text-align: center;
|
||||
.card_name {
|
||||
margin-top: 32px;
|
||||
color: #666666;
|
||||
}
|
||||
.card_num {
|
||||
font-size: 36px;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user