This commit is contained in:
Rhett霍 2026-03-19 15:21:17 +08:00
commit c4be79d995
2 changed files with 44 additions and 10 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="card"> <div class="card">
<div class="title"> <div class="title">
标题 {{ title }}
</div> </div>
<div class="body"> <div class="body">
<slot></slot> <slot></slot>
@ -11,7 +11,13 @@
<script> <script>
export default { export default {
name: 'Card' name: 'Card',
props:{
title: {
type: String,
default: '标题'
}
}
} }
</script> </script>

View File

@ -5,20 +5,48 @@
</div> </div>
<div class="inspector-container"> <div class="inspector-container">
<div style="display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px"> <div style="display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px">
<Card> <Card title="总同录数量">
<div class="shu">
<span>6090.99</span>
</div>
</Card>
<Card title="本年同录数量">
<div class="shu">
<span>6090.99</span>
</div>
</Card>
<Card title="本月同录数量">
<div class="shu">
<span>6090.99</span>
</div>
</Card>
<Card title="本周同录数量">
<div class="shu"> <div class="shu">
<span>6090.99</span> <span>6090.99</span>
</div> </div>
</Card> </Card>
<Card/>
<Card/>
<Card/>
</div> </div>
<div style="flex:1;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px"> <div style="flex:1;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px">
<Card/> <Card title="总同录数量">
<Card/> <div class="shu">
<Card/> <span>6090.99</span>
<Card/> </div>
</Card>
<Card title="本年同录数量">
<div class="shu">
<span>6090.99</span>
</div>
</Card>
<Card title="本月同录数量">
<div class="shu">
<span>6090.99</span>
</div>
</Card>
<Card title="本周同录数量">
<div class="shu">
<span>6090.99</span>
</div>
</Card>
</div> </div>
</div> </div>
</div> </div>