<template>
  <ui-page-layout title="订单详情">
    <div class="px-24rem py-24rem">
      <div class="rounded-10rem bg-white pt-34rem pl-34rem pr-24rem pb-24rem mb-24rem">
        <div class="flex items-center mb-30rem">
          <div class="text-size-36rem text-black ">
            陈小婷
          </div>
          <div class="text-size-30rem text-[#686868] ml-10rem font-light">
            18926171456
          </div>
        </div>
        <div class="text-size-30rem text-[#686868] font-light leading-42rem">
          广州市黄埔区联和街道黄埔科学大道112号绿地广场1710室
        </div>

      </div>
      <!-- <div class=" h-100rem px-34rem flex justify-between items-center mb-24rem text-size-30rem bg-white rounded-10rem">
        <div>月会员</div>
        <div class="text-[#686868]">30天</div>
        <div class="text-primary font-light">¥99</div>
      </div> -->
      <div class="pt-46rem pl-34rem pr-26rem bg-white rounded-10rem pb-105rem">
        <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>
        <order-detail-info-item label="订单号" value="hy167489546"></order-detail-info-item>
        <order-detail-info-item label="下单时间" value="2022-08-11 09：30：00"></order-detail-info-item>
        <order-detail-info-item label="支付时间"></order-detail-info-item>
        <order-detail-info-item label="实付金额" value="￥79"></order-detail-info-item>
        <order-detail-info-item label="交易状态" value="未支付"></order-detail-info-item>
        <order-detail-info-item label="交易单号"></order-detail-info-item>
        <order-detail-info-item label="商家备注"></order-detail-info-item>


      </div>
    </div>
  </ui-page-layout>
</template>

<script>
export default {};
</script>

<style>

</style>
