<!--
 * @Author: micky
 * @Date: 2024-08-12 10:47:14
 * @LastEditors: micky
 * @LastEditTime: 2024-08-14 11:25:51
 * @FilePath: \chargingpile-uniapp\src\components\widgets\order-card\order-card.vue
-->
<template>
    <view class="order-card">
        <view class="title">
            <slot name="title"></slot>
        </view>
        <view class="content">
            <slot name="content"></slot>
        </view>
        <view class="btns" v-if="$slots.btns">
            <slot name="btns"></slot>
        </view>
    </view>
</template>

<script setup lang="ts"></script>
<style scoped lang="scss">
.order-card {
    @apply rounded-lg bg-white  mb-3 relative;
    .title {
        @apply h-[72rpx] leading-[72rpx] border-b border-[#F9F9F9] px-[18rpx];
    }
    .content {
        @apply py-[20rpx] px-[20rpx];
        .content-wrapper {
            view {
                @apply mb-1;
                text:nth-of-type(1) {
                    @apply w-[100px];
                }
            }
        }
    }
}
</style>
