From 84609d384c2f0abfcfcb23cbfe1be5922425842a Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 03 九月 2025 15:07:36 +0800 Subject: [PATCH] feat: 钱包 --- packages/components/src/List/IncomeDetailListItem.vue | 26 +++++++++++--------------- 1 files changed, 11 insertions(+), 15 deletions(-) diff --git a/packages/components/src/List/IncomeDetailListItem.vue b/packages/components/src/List/IncomeDetailListItem.vue index 886542f..b53e501 100644 --- a/packages/components/src/List/IncomeDetailListItem.vue +++ b/packages/components/src/List/IncomeDetailListItem.vue @@ -2,7 +2,10 @@ <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">{{ funds }}</div> + </div> </slot> <div class="income-detail-list-item-content"> <div class="income-detail-list-item-content-item">{{ item }}</div> @@ -19,6 +22,7 @@ type Props = { title?: string; + funds?: string; item?: string; value?: string; showValue?: boolean; @@ -52,26 +56,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