<script setup lang="ts">
const { statusBarHeight, MenuButtonHeight } = storeToRefs(useSysStore())
</script>

<template>
  <view>
    <wd-navbar
      title="福利中心"
      :bordered="false"
      :z-index="99"
      safe-area-inset-top
      placeholder
      fixed
    />
    <scroll-view scroll-y :style="{ height: `calc(100vh - ${(statusBarHeight + MenuButtonHeight) * 4}rpx)` }">
      <view class="px24rpx">
        <view v-for="item in 20" :key="item" class="mt20rpx rounded-16rpx bg-white p24rpx">
          <view class="h248rpx w-full">
            12
          </view>
          <view class="mt24rpx w-full">
            <view class="flex items-center justify-between">
              <view class="text-32rpx font-semibold">
                新人专享活动
              </view>
              <view class="text-28rpx">
                未开始
              </view>
            </view>
          </view>
          <view class="mt16rpx text-gray">
            2026-01-19 14：03：59
            至
            2026-01-19 14：03：59
          </view>
          <view class="mt20rpx text-24rpx">
            领取：24/4，458
          </view>
        </view>
        <view class="h40rpx" />
      </view>
    </scroll-view>
  </view>
</template>

<style scoped>

</style>
