<script lang="ts" setup>
import { publish } from '../../../../core/libs/svgs'
import { addBlack } from '@designer-hub/assets/src/assets/svgs'
import { useRouter } from '../../../../core/utils/router'

const router = useRouter()
</script>
<template>
  <div class="w-full flex flex-col gap-2.5" @click="router.push('/pages/home/mall/detail/index')">
    <div class="bg-[#f6f6f6] rounded-2xl w-full aspect-square overflow-hidden">
      <wd-img
        width="100%"
        height="100%"
        src="https://via.placeholder.com/116x155"
        mode="aspectFill"
      ></wd-img>
    </div>
    <div class="flex">
      <div class="text-black/90 text-base font-normal font-['PingFang SC'] leading-normal">
        阿芙佳朵
      </div>
      <div class="flex-1"></div>
      <div
        class="w-[26px] text-black/30 text-xs font-normal font-['PingFang SC'] line-through leading-normal"
      >
        ¥60
      </div>
    </div>
    <div class="flex items-center mb-6">
      <div class="flex items-end gap-1">
        <div class="text-[#ef4343] text-[22px] font-normal font-['D-DIN Exp'] leading-5.5">
          1000
        </div>
        <div class="text-black/60 text-sm font-normal font-['PingFang SC']">积分</div>
      </div>
      <div class="flex-1"></div>
      <div class="">
        <wd-img width="24" height="24" :src="addBlack"></wd-img>
      </div>
    </div>
  </div>
</template>
