<template>
    <view class="fx-col bg-white mx-card relative overflow-hidden">
        <view class="num-mark absolute bg-primary text-white text-2xs fx-row fx-cen-cen">志愿 {{ num + 1 }}</view>
        <view class="fx-row fx-bet-cen pl-120">
            <slot name="header"/>
        </view>
        <slot/>
    </view>
</template>

<script>
export default {
    name: "num-common-card",
    props: {
        num: {
            type: [String, Number],
            default: ''
        }
    }
}
</script>

<style scoped>
.num-mark {
    top: 10px;
    left: -10px;
    height: 30px;
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 10px;
}
</style>