<template>
    <div @click="$router.push('/order-detail')" class="bg-white pt-35rem pl-34rem pr-26rem pb-34rem relative rounded-10rem mb-24rem">
        <div class="h-150rem flex mb-68rem">
            <img src="/imgs/article_cover_small1.png" class="w-150rem h-150rem object-cover" />
            <div class="ml-20rem flex flex-col justify-between">
                <div class="text-size-30rem">
                    这里是产品名称这里是产品名称这里是产品名称
                </div>
                <div class="flex justify-between items-center">
                    <div class="text-size-30rem text-primary font-light">¥79</div>
                    <div class="text-size-30rem text-[#686868] font-light">x1</div>
                </div>
            </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>

<style lang="scss" scoped>

</style>