feat: 订单

wupengfei

2025-02-24 fe5fc18b6b1810a61df6ed7d94957f449ca05488

 packages/components/src/components/Card/OrderCard.vue

@@ -6,7 +6,7 @@
        <div class="order-card-title-status">{{ status }}</div>
      </div>
      <div class="order-card-title-ordernum">
        {{ `订单编号：${'JF202502191515350002'}` }}
        {{ `订单编号：${orderNo}` }}
      </div>
    </div>
    <div class="order-card-content">
@@ -23,37 +23,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>