<route lang="json">
{ "style": { "navigationBarTitleText": "案例拍摄", "navigationBarBackgroundColor": "#ffffff" } }
</route>
<script setup lang="ts">
import TiltedButton from '@/components/tilted-button.vue'
const data = ref([{}, {}, {}, {}, {}])
</script>
<template>
  <div class="flex-grow flex flex-col">
    <div class="aspect-[1.34/1] relative">
      <div class="absolute aspect-[1.26/1] top-0 w-full">
        <wd-img width="100%" height="100%" src="https://via.placeholder.com/375x297" />
      </div>
    </div>
    <div class="relative flex-1 bg-white p-7 flex flex-col gap-6 rounded-tl-2xl rounded-tr-2xl">
      <div class="flex">
        <div class="w-[67px] text-black text-xl font-normal font-['PingFang_SC'] leading-[10.18px]">
          方晓峰
        </div>
        <div
          class="w-[67px] text-black/60 text-sm font-normal font-['PingFang_SC'] leading-[10.18px]"
        >
          实景摄影
        </div>
      </div>
      <div
        class="text-justify text-black/40 text-base font-normal font-['PingFang_SC'] leading-relaxed"
      >
        极具才华和创造力的摄影师，以其独特的视角和精湛的技艺在摄影领域独树一帜。
        他/她对摄影的热爱源于，多年来一直致力于用镜头捕捉生活中那些稍纵即逝的美好瞬间。无论是壮丽的自然风光、生动的人物肖像，还是充满故事性的街头场景，在他/她的镜头下都能展现出别样的魅力。
        [摄影师姓名]十分注重光线、构图和色彩的运用，通过巧妙的组合和搭配，让每一幅作品都具有强烈的视觉冲击力和艺术感染力。他/她不断探索创新，尝试各种不同的风格和手法，力求为观众带来全新的视觉体验
      </div>
    </div>
    <div
      class="bg-white/90 backdrop-blur-[20px] flex px-10 py-2.5 border-t-1 border-t-solid border-t-[#ececec]"
    >
      <div class="text-[#ef4343] text-2xl font-normal font-['D-DIN_Exp'] leading-normal">0</div>
      <div class="text-black/40 text-base font-normal font-['PingFang_SC'] leading-[34px]">
        积分
      </div>
      <div class="flex-1"></div>
      <div>
        <TiltedButton size="large">立即兑换</TiltedButton>
      </div>
    </div>
  </div>
</template>
