<route lang="json">
{ "style": { "navigationStyle": "custom" } }
</route>
<script setup lang="ts">
import { back } from '../../../core/utils/router'
import Card from '@/components/card.vue'
</script>
<template>
  <div class="flex-grow">
    <wd-navbar
      left-arrow
      safe-area-inset-top
      fixed
      title="积分明细"
      :bordered="false"
      custom-class="bg-transparent!"
      @leftClick="back()"
    ></wd-navbar>
    <div class="relative aspect-[3/1]">
      <div class="aspect-[1.69/1] absolute top-0 w-full">
        <div class="relative w-full h-full">
          <div class="absolute top-0 left-0 right-0">
            <wd-img
              width="100%"
              src="https://image.zhuchaohui.com/zhucaohui/033c6d899ea6ab7b042cc11a93b44f000274b48c5be38874c1f43de93ac90751.png"
              mode="widthFix"
              custom-class=""
            ></wd-img>
          </div>
          <div class="absolute top-0 left-0 right-0">
            <wd-img
              width="100%"
              src="https://image.zhuchaohui.com/zhucaohui/f3571650a267343e33316f4a6ca02dc423a3ce17ad7504caaca7ff2ac61e2465.png"
              mode="widthFix"
            ></wd-img>
          </div>
        </div>
      </div>
    </div>
    <div class="relative px-3.5">
      <div class="flex items-end px-3.5 mb-5">
        <div class="text-white text-sm font-normal font-['PingFang SC'] leading-relaxed">
          当前积分
        </div>
        <div>
          <span class="text-[#ffefd8] text-4xl font-normal font-['D-DIN Exp'] leading-9">615</span>
        </div>
        <div class="flex-1"></div>
        <div></div>
        <div class="text-[#b6b6b6] text-sm font-normal font-['PingFang SC'] leading-relaxed">
          2024
        </div>
      </div>
      <Card custom-class="relative">
        <div class="flex flex-col">
          <wd-status-tip image="content" tip="暂无"></wd-status-tip>
        </div>
      </Card>
    </div>
  </div>
</template>
