You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.5 KiB
44 lines
1.5 KiB
<template>
|
|
<div class="card">
|
|
<div class="title">
|
|
<div class="title__icon">
|
|
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="83" height="83"><path d="M883.2 192L601.6 467.2h-6.4l-96-96v-6.4L806.4 57.6c6.4-6.4 0-12.8-6.4-12.8H224c-51.2 0-96 44.8-96 96v748.8c0 51.2 44.8 96 96 96h569.6c51.2 0 96-44.8 96-96V198.4c0-6.4-6.4-12.8-6.4-6.4z m-416 217.6c0-6.4 6.4-6.4 12.8-6.4l83.2 83.2c6.4 6.4 0 12.8-6.4 12.8l-96 12.8c-6.4 0-6.4 0-6.4-6.4l12.8-96z m38.4 428.8h-256c-19.2 0-32-12.8-32-32s12.8-32 32-32h256c19.2 0 32 12.8 32 32 0 12.8-19.2 32-32 32z m224-153.6H243.2c-19.2 0-32-12.8-32-32s12.8-32 32-32h486.4c19.2 0 32 12.8 32 32s-12.8 32-32 32z"></path></svg>
|
|
</div>
|
|
<div class="title__text">
|
|
<div class="title__text--name">填报量</div>
|
|
<div class="title__text--sub">描述文字</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="title__data">
|
|
<div class="title__data-item">
|
|
<div class="title__data-item__num">2000</div>
|
|
<div class="title__data-item__text">今日填报</div>
|
|
</div>
|
|
<div class="title__data-item">
|
|
<div class="title__data-item__num">100000</div>
|
|
<div class="title__data-item__text">总计填报</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {}
|
|
},
|
|
methods: {},
|
|
computed: {},
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.card {
|
|
border-radius: 7px;
|
|
filter: drop-shadow(0 0 7.5px rgba(211,215,221,0.4));
|
|
background-color: #ffffff;
|
|
border: 1px solid #d8e2f0;
|
|
}
|
|
</style>
|