parent
64dd620c63
commit
294c25c617
5 changed files with 85 additions and 41 deletions
@ -0,0 +1,60 @@ |
|||||||
|
<template> |
||||||
|
<div class="box"> |
||||||
|
<div class="top"> |
||||||
|
<statistics-data></statistics-data> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="center"> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="footer"> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import statisticsData from './statisticsData.vue'; |
||||||
|
export default { |
||||||
|
components: { |
||||||
|
statisticsData, |
||||||
|
}, |
||||||
|
data(){ |
||||||
|
return { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
.box { |
||||||
|
width: 98%; |
||||||
|
height: 100%; |
||||||
|
overflow: hidden; |
||||||
|
// background: #fff; |
||||||
|
margin: 0 auto; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
flex-direction: column; |
||||||
|
|
||||||
|
.top { |
||||||
|
width: 100%; |
||||||
|
height: 15%; |
||||||
|
border-radius: 10px; |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
.center { |
||||||
|
width: 100%; |
||||||
|
height: 35%; |
||||||
|
border-radius: 10px; |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
.footer { |
||||||
|
width: 100%; |
||||||
|
height: 45%; |
||||||
|
border-radius: 10px; |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue