<route lang="json">
{ "style": { "navigationBarTitleText": "我的订单", "navigationBarBackgroundColor": "#fff" } }
</route>
<script setup lang="ts">
import Card from '@/components/card.vue'

const data = ref([{}, {}, {}])
const handleClick = () => {
  uni.navigateTo({ url: '/pages/mine/orders/detail/index' })
}
</script>
<template>
  <div class="flex-grow flex flex-col gap-4 px-3.5 py-5">
    <template v-for="({}, i) in data" :key="i">
      <div @click="handleClick">
        <Card>
          <div class="flex gap-4">
            <wd-img
              width="94"
              height="94"
              custom-class="rounded-2xl overflow-hidden"
              src="https://via.placeholder.com/94x94"
            />
            <div class="flex flex-col flex-1">
              <div class="text-black text-base font-normal font-['PingFang SC'] leading-normal">
                方晓峰
              </div>
              <div
                class="text-start text-black/40 text-sm font-normal font-['PingFang SC'] leading-normal"
              >
                x1
              </div>
              <div class="flex-1"></div>
              <div
                class="text-start text-black/60 text-sm font-normal font-['PingFang SC'] leading-normal"
              >
                1600积分
              </div>
            </div>
            <div>
              <div class="text-black/40 text-sm font-normal font-['PingFang SC'] leading-normal">
                已完成
              </div>
            </div>
          </div>
        </Card>
      </div>
    </template>
  </div>
</template>
