From 28a1ee009fdeb6bbd71e8263be704e2988204e04 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期日, 19 十月 2025 19:50:53 +0800
Subject: [PATCH] feat: 1.2.0.1
---
packages/components/src/List/IncomeDetailListItem.vue | 36 ++++++++++++++++++------------------
1 files changed, 18 insertions(+), 18 deletions(-)
diff --git a/packages/components/src/List/IncomeDetailListItem.vue b/packages/components/src/List/IncomeDetailListItem.vue
index 886542f..7d8e68c 100644
--- a/packages/components/src/List/IncomeDetailListItem.vue
+++ b/packages/components/src/List/IncomeDetailListItem.vue
@@ -2,23 +2,29 @@
<div class="income-detail-list-item">
<div class="income-detail-list-item-inner" :class="{ 'border-none': !showBorder }">
<slot name="title">
- <div class="income-detail-list-item-title">{{ title }}</div>
+ <div class="income-detail-list-item-title">
+ <div class="income-detail-list-item-title-text">{{ title }}</div>
+ <div class="income-detail-list-item-title-value">{{ toThousand(funds) }}</div>
+ </div>
</slot>
<div class="income-detail-list-item-content">
<div class="income-detail-list-item-content-item">{{ item }}</div>
- <div class="income-detail-list-item-content-value" v-if="showValue">{{ value }}</div>
+ <!-- <div class="income-detail-list-item-content-value" v-if="showValue">{{ value }}</div> -->
</div>
</div>
</div>
</template>
<script setup lang="ts">
+import { toThousand } from '@12333/utils';
+
defineOptions({
name: 'IncomeDetailListItem',
});
type Props = {
title?: string;
+ funds?: number;
item?: string;
value?: string;
showValue?: boolean;
@@ -38,10 +44,12 @@
padding: 0 boleGetCssVar('size', 'body-padding-h');
.income-detail-list-item-inner {
- padding: 24px 0 18px;
- border-bottom: 1px solid #f6f6f6;
display: flex;
flex-direction: column;
+ background: #ffffff;
+ border-radius: 12px;
+ padding: 40px;
+ margin-bottom: 24px;
&.border-none {
border-bottom: none;
@@ -52,26 +60,18 @@
font-size: 24px;
color: boleGetCssVar('text-color', 'primary');
line-height: 34px;
+ display: flex;
+ justify-content: space-between;
}
.income-detail-list-item-content {
display: flex;
justify-content: space-between;
align-items: center;
-
- .income-detail-list-item-content-item {
- font-weight: 400;
- font-size: 20px;
- color: boleGetCssVar('text-color', 'secondary');
- line-height: 44px;
- }
-
- .income-detail-list-item-content-value {
- font-weight: 500;
- font-size: 30px;
- color: boleGetCssVar('text-color', 'primary');
- line-height: 44px;
- }
+ font-weight: 400;
+ font-size: 22px;
+ color: boleGetCssVar('text-color', 'secondary');
+ line-height: 44px;
}
}
}
--
Gitblit v1.9.1