| | |
| | | <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> |
| | |
| | | |
| | | type Props = { |
| | | title?: string; |
| | | funds?: string; |
| | | item?: string; |
| | | value?: string; |
| | | showValue?: boolean; |
| | |
| | | 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; |
| | | font-size: 22px; |
| | | 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; |
| | | } |
| | | } |
| | | } |
| | | } |