bestunion/Shanghai-SanFenYuan
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大屏

Browse Source
This commit is contained in:
lonewolfyx 2026-03-19 10:27:36 +08:00
parent 101fb39429
commit c3cd366acf
2 changed files with 44 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/inspector/components/Card.vue
View File

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

44
src/views/inspector/index.vue
View File

@ -5,20 +5,48 @@
</div>
<div class="inspector-container">
<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">
<span>6090.99</span>
</div>
</Card>
<Card/>
<Card/>
<Card/>
</div>
<div style="flex:1;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px">
<Card/>
<Card/>
<Card/>
<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">
<span>6090.99</span>
</div>
</Card>
</div>
</div>
</div>