From 450e4d8252f1042e8269db9ab3412d5df19bab35 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 03 七月 2024 14:04:26 +0800
Subject: [PATCH] feat:图片查看
---
src/views/home/components/info-data/index.vue | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 51 insertions(+), 2 deletions(-)
diff --git a/src/views/home/components/info-data/index.vue b/src/views/home/components/info-data/index.vue
index 95a2a13..0b048bf 100644
--- a/src/views/home/components/info-data/index.vue
+++ b/src/views/home/components/info-data/index.vue
@@ -46,15 +46,63 @@
</el-col>
</el-row>
- <el-row class="mb-5" :gutter="20">
- <el-col>
+ <el-row class="mb-5" :gutter="40">
+ <el-col :span="12">
+ <div class="title text-lg font-bold">鎴戠殑璇捐〃</div>
+ <div class="table-container">
+ <el-table :data="classList" height="500">
+ <el-table-column prop="date" label="璇剧▼鏃堕棿"/>
+ <el-table-column prop="name" label="璇剧▼鍚嶇О" />
+ </el-table>
+ </div>
+ </el-col>
+ <el-col :span="12">
+ <div class="title text-lg font-bold">鎴戠殑鑰冭瘯</div>
+ <div class="table-container">
+ <el-table :data="classList" height="500">
+ <el-table-column prop="date" label="璇剧▼鏃堕棿"/>
+ <el-table-column prop="name" label="璇剧▼鍚嶇О" />
+ </el-table>
+ </div>
</el-col>
</el-row>
</el-card>
</template>
<script setup>
+import {ref} from 'vue';
+
+ const classList = ref([
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ ])
</script>
@@ -64,6 +112,7 @@
font-weight: bold;
margin-bottom: 0.5rem;
}
+
.text-num {
color: var(--el-color-primary);
}
--
Gitblit v1.8.0