<template>
|
<div class="order-card">
|
<div class="order-card-title">
|
<div class="order-card-title-top">
|
<div class="order-card-title-text">{{ title }}</div>
|
<div class="order-card-title-status">{{ status }}</div>
|
</div>
|
<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">
|
<slot></slot>
|
</div>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
defineOptions({
|
name: 'OrderCard',
|
});
|
|
type Props = {
|
title: string;
|
status: string;
|
orderNo: string;
|
};
|
|
const props = withDefaults(defineProps<Props>(), {});
|
</script>
|
