From b5a0b7dfdb610a2c67f28e6ef9fa714b44ed23ba Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 02 四月 2025 13:25:55 +0800
Subject: [PATCH] feat: init
---
src/views/Home/Home.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 44 insertions(+), 15 deletions(-)
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index 743c705..c5ab28b 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -1,26 +1,48 @@
<template>
<LoadingLayout :loading="isLoading">
<AppContainer>
- <ChunkCell title="寰呭鐞�"> </ChunkCell>
- <ChunkCell title="鏁版嵁鐪嬫澘"> </ChunkCell>
+ <ChunkCell title="寰呭鐞�">
+ <div class="data-board-card-list">
+ <DataBoardCard title="寰呭鏍镐紒涓�" :contentBetween="true">
+ <DataBoardCardPrice :value="20000" :isInline="true" :useThousand="false" unit="瀹�" />
+ <el-button type="primary" link>鍘诲鏍�</el-button>
+ </DataBoardCard>
+ <DataBoardCard title="濂栧姳閲戝緟鍙戞斁" :contentBetween="true">
+ <DataBoardCardPrice :isInline="true" :value="20000" :useThousand="false" unit="瀹�" />
+ <el-button type="primary" link>鍘诲彂鏀�</el-button>
+ </DataBoardCard>
+ </div>
+ </ChunkCell>
+ <ChunkCell title="鏁版嵁鐪嬫澘">
+ <div class="data-board-card-list">
+ <DataBoardCard title="绱宸插鏍镐紒涓�">
+ <DataBoardCardPrice :value="20000" :useThousand="false" unit="瀹�" />
+ </DataBoardCard>
+ <DataBoardCard title="绱宸插鏍搁�氳繃浼佷笟">
+ <DataBoardCardPrice :value="20000" :useThousand="false" unit="瀹�" />
+ </DataBoardCard>
+ <DataBoardCard title="绱鏈鏍搁�氳繃浼佷笟">
+ <DataBoardCardPrice :value="20000" :useThousand="false" unit="瀹�" />
+ </DataBoardCard>
+ <DataBoardCard title="绱宸插彂鏀惧鍔遍噾">
+ <DataBoardCardPrice :value="20000" unit="鍏�" />
+ </DataBoardCard>
+ <DataBoardCard title="绱寰呭彂鏀惧鍔遍噾">
+ <DataBoardCardPrice :value="20000" unit="鍏�" />
+ </DataBoardCard>
+ <DataBoardCard title="绱宸蹭娇鐢ㄥ鍔遍噾">
+ <DataBoardCardPrice :value="20000" unit="鍏�" />
+ </DataBoardCard>
+ </div>
+ </ChunkCell>
</AppContainer>
</LoadingLayout>
</template>
<script setup lang="ts">
-import {
- ProForm,
- ProFormItemV2,
- ProFormSelect,
- ProFormText,
- ProFormCol,
- ProFormColItem,
- ProFormInputNumber,
- ProFormTextArea,
- ProFormRadio,
- ChunkCell,
- AppScrollContainer,
-} from '@bole-core/components';
+import { AppContainer, ChunkCell } from '@bole-core/components';
+import DataBoardCard from '@/components/DataBoardCard/DataBoardCard.vue';
+import DataBoardCardPrice from '@/components/DataBoardCard/DataBoardCardPrice.vue';
defineOptions({
name: 'Home',
@@ -31,4 +53,11 @@
<style lang="scss" scoped>
@use '@/style/common.scss' as *;
+
+.data-board-card-list {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ grid-gap: 40px;
+ padding: 20px;
+}
</style>
--
Gitblit v1.9.1