<template>
|
<!-- <div class="row w-100" > -->
|
<!-- <div class="countNum-item col-md-12 col-lg-4">
|
<b-card no-body class="p10">
|
<div class="pl10 pr10 pt10 overflow-y">
|
<div style="height:10vh" class="d-flex align-items-center">
|
<div class="ui-icon ui-icon-lg ion bg-primary border-0 text-white">
|
<i class="fas fa-user-friends"></i>
|
</div>
|
<div class="media-body line-height-condenced ml-4">
|
<div class="text-light small">校内总人数</div>
|
<h1 class="fw900">32235</h1>
|
</div>
|
</div>
|
</div>
|
</b-card>
|
</div>
|
<div class="countNum-item col-md-12 col-lg-4">
|
<b-card no-body class="p10">
|
<div class="pl10 pr10 pt10 overflow-y">
|
<div style="height:10vh" class="d-flex align-items-center">
|
<div class="ui-icon ui-icon-lg bg-success border-0 text-white">
|
<i class="pe-7s-upload fw900"></i>
|
</div>
|
<div class="media-body line-height-condenced ml-4">
|
<div class="text-light small">进校人数</div>
|
<h1 class="fw900">425</h1>
|
</div>
|
</div>
|
</div>
|
</b-card>
|
</div>
|
<div class="countNum-item col-md-12 col-lg-4">
|
<b-card no-body class="p10">
|
<div class="pl10 pr10 pt10 overflow-y">
|
<div style="height:10vh" class="d-flex align-items-center">
|
<div class="ui-icon ui-icon-lg bg-warning border-0 text-white">
|
<i class="pe-7s-download fw900"></i>
|
</div>
|
<div class="media-body line-height-condenced ml-4">
|
<div class="text-light small">出校人数</div>
|
<h1 class="fw900">35</h1>
|
</div>
|
</div>
|
</div>
|
</b-card>
|
</div> -->
|
<div class="row w-100" >
|
<div class="countNum-item col-md-12 col-lg-4">
|
<div class="overflow-y">
|
<div class="d-flex align-items-center bg-primary text-white pl10 pr10 pt20 pb10">
|
<!-- <i class="d-block pe-7s-study f40 ml-3"></i> -->
|
<div class="ui-icon ui-icon-md ion bg-white border-0 text-primary ml-4">
|
<i class="pe-7s-study f30 fw900" style="line-height: 45px;"></i>
|
</div>
|
<div class="media-body line-height-condenced ml-4">
|
<div class="text-center">校内总人数</div>
|
<h1 class="fw900 text-center">32235</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="countNum-item col-md-12 col-lg-4">
|
<div class="overflow-y ">
|
<div class="d-flex align-items-center bg-success text-white pl10 pr10 pt20 pb10">
|
<i class="fas fa-arrow-circle-right f40 ml-4"></i>
|
<div class="media-body line-height-condenced ml-4">
|
<div class="text-center">进校人数</div>
|
<h1 class="fw900 text-center">425</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="countNum-item col-md-12 col-lg-4">
|
<div class="overflow-y ">
|
<div class="d-flex align-items-center bg-warning text-white pl10 pr10 pt20 pb10">
|
<i class="fas fa-arrow-circle-left f40 ml-4"></i>
|
<div class="media-body line-height-condenced ml-4">
|
<div class="text-center">出校人数</div>
|
<h1 class="fw900 text-center">35</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {
|
name: 'AnalysisStudentCount',
|
props: {},
|
data() {
|
return {
|
userInfo: this.$store.getters.basicUserInfo
|
}
|
},
|
methods: {
|
},
|
created() {
|
},
|
components: {
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.countNum-item {
|
height: 13vh;
|
// min-width: 200px;
|
// margin: 10px;
|
}
|
</style>
|
