From 5a5af7e63a639541db5121d9fa30775b6d500108 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期二, 11 三月 2025 18:07:26 +0800 Subject: [PATCH] fix: 二期需求 --- packages/components/src/components/Card/OrderCard.vue | 40 ++++++++-------------------------------- 1 files changed, 8 insertions(+), 32 deletions(-) diff --git a/packages/components/src/components/Card/OrderCard.vue b/packages/components/src/components/Card/OrderCard.vue index 14ed16e..3cf98d9 100644 --- a/packages/components/src/components/Card/OrderCard.vue +++ b/packages/components/src/components/Card/OrderCard.vue @@ -5,8 +5,13 @@ <div class="order-card-title-text">{{ title }}</div> <div class="order-card-title-status">{{ status }}</div> </div> - <div class="order-card-title-ordernum"> - {{ `璁㈠崟缂栧彿锛�${'JF202502191515350002'}` }} + <div class="order-card-title-ordernum-wrapper"> + <div class="order-card-title-ordernum"> + {{ `璁㈠崟缂栧彿锛�${orderNo}` }} + </div> + <slot name="actions"> + <div class="order-card-action">鐢宠閫�娆�</div> + </slot> </div> </div> <div class="order-card-content"> @@ -23,37 +28,8 @@ type Props = { title: string; status: string; + orderNo: string; }; const props = withDefaults(defineProps<Props>(), {}); </script> -<style lang="scss"> -.order-card { - border: 1px solid #e8e8e8; - border-radius: 12px; - padding: 20px; - - .order-card-title { - display: flex; - flex-direction: column; - border-bottom: 1px solid #e8e8e8; - padding-bottom: 20px; - margin-bottom: 20px; - - .order-card-title-top { - display: flex; - justify-content: space-between; - color: #333333; - font-size: 28px; - line-height: 40px; - font-weight: 600; - margin-bottom: 12px; - } - - .order-card-title-ordernum { - font-size: 24px; - color: #999999; - } - } -} -</style> -- Gitblit v1.9.1