| | |
| | | <slot name="title"> |
| | | <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 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?: string; |
| | | funds?: number; |
| | | item?: string; |
| | | value?: string; |
| | | showValue?: boolean; |
| | |
| | | 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; |