From e6b081eac507bf37690edc15e68bcf810c485282 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期五, 12 九月 2025 17:29:19 +0800 Subject: [PATCH] release: @12333/bMiniApp v1.0.2 --- packages/components/src/List/IncomeDetailListItem.vue | 30 ++++++++++++++---------------- 1 files changed, 14 insertions(+), 16 deletions(-) diff --git a/packages/components/src/List/IncomeDetailListItem.vue b/packages/components/src/List/IncomeDetailListItem.vue index 886542f..80fd078 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; @@ -52,26 +58,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