zhengyiming
2025-02-25 3703bdcb3e0eef4428fb6069649622dd3c60d2c8
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>