From 14368e8a09c4b5793d0975f85e36a4c1d410ca36 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 16 五月 2025 17:27:24 +0800
Subject: [PATCH] feat: UI
---
packages/components/src/components/Card/OrderCardItem.vue | 24 ++++--------------------
1 files changed, 4 insertions(+), 20 deletions(-)
diff --git a/packages/components/src/components/Card/OrderCardItem.vue b/packages/components/src/components/Card/OrderCardItem.vue
index fc4dd47..3979a54 100644
--- a/packages/components/src/components/Card/OrderCardItem.vue
+++ b/packages/components/src/components/Card/OrderCardItem.vue
@@ -1,5 +1,5 @@
<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>
@@ -16,9 +16,10 @@
type Props = {
label: string;
- value: string;
+ value: any;
labelWidth?: any;
textAlign?: any;
+ danger?: boolean;
};
const props = withDefaults(defineProps<Props>(), {
@@ -27,21 +28,4 @@
});
</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>
--
Gitblit v1.9.1