| | |
| | | <template> |
| | | <div class="data-board-card-price"> |
| | | <div class="data-board-card-price" :class="isInline && 'inline'"> |
| | | <div class="data-board-card-value">{{ displayValue }}</div> |
| | | <div class="data-board-card-unit">{{ unit }}</div> |
| | | </div> |
| | |
| | | type Props = { |
| | | value?: number; |
| | | useThousand?: boolean; |
| | | isInline?: boolean; |
| | | unit?: string; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | useThousand: true, |
| | | isInline: false, |
| | | unit: '元', |
| | | }); |
| | | |
| | |
| | | display: flex; |
| | | align-items: flex-end; |
| | | |
| | | &.inline { |
| | | display: inline-flex; |
| | | } |
| | | |
| | | .data-board-card-value { |
| | | margin-right: 4px; |
| | | font-size: 20px; |