<template>
    <div @click="$router.push('/order-detail')" class="bg-white pt-30rem px-34rem rounded-10rem relative pb-24rem mb-24rem">
        <div class="flex justify-between items-center mb-64rem text-size-30rem">
            <div>月会员</div>
            <div class="text-[#686868]">30天</div>
            <div class="text-primary font-light">¥99</div>
        </div>
        <div>
            <span class="text-primary text-size-30rem">实付金额：</span>
            <span class="text-primary text-size-42rem font-light">¥79.00</span>
        </div>
        <!-- <div
            class="right-30rem bottom-43rem absolute w-180rem h-70rem bg-primary rounded-full flex justify-center items-center text-size-30rem text-white">
            去支付
        </div> -->
        <div
            class="right-30rem bottom-43rem absolute w-180rem h-70rem  rounded-full flex justify-center items-center text-size-30rem text-primary border-1rem border-solid border-primary">
            已支付
        </div>
    </div>
</template>

<script>
export default {

}
</script>

