| | |
| | | <template> |
| | | <div class="order-card-item"> |
| | | <div class="order-card-item" :class="{ danger }"> |
| | | <div class="order-card-item-label" :style="{ width: labelWidth, textAlign: textAlign }"> |
| | | <slot name="label">{{ label }}</slot> |
| | | </div> |
| | |
| | | |
| | | type Props = { |
| | | label: string; |
| | | value: string; |
| | | value: any; |
| | | labelWidth?: any; |
| | | textAlign?: any; |
| | | danger?: boolean; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | |
| | | }); |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | .order-card-item { |
| | | display: flex; |
| | | font-size: 28px; |
| | | line-height: 40px; |
| | | margin-bottom: 15px; |
| | | |
| | | .order-card-item-label { |
| | | color: #333333; |
| | | } |
| | | |
| | | .order-card-item-value { |
| | | color: #666666; |
| | | flex: 1; |
| | | min-width: 0; |
| | | } |
| | | } |
| | | </style> |
| | | <style lang="scss"></style> |