<view class="page">
  <!-- 秒杀头部 -->
  <view class="seckill-header">
    <text class="seckill-title">⚡ 限时秒杀</text>
    <view class="countdown">
      <text class="cd-label">距结束</text>
      <text class="cd-time">{{countdown}}</text>
    </view>
  </view>

  <!-- 活动列表 -->
  <view class="seckill-list">
    <view class="seckill-card card" wx:for="{{list}}" wx:key="id" bindtap="goProduct" data-id="{{item.product_id}}">
      <view class="card-body" style="display:flex;gap:16rpx">
        <image class="seckill-image" src="{{item.image}}" mode="aspectFill" />
        <view class="seckill-info flex-1">
          <view class="seckill-name text-ellipsis-2">{{item.name}}</view>
          <view class="seckill-price-row flex-row gap-12">
            <text class="price">¥{{item.seckill_price}}</text>
            <text class="original-price">¥{{item.original_price}}</text>
          </view>
          <view class="seckill-progress">
            <text class="text-gray">已抢 {{item.sales || 0}}%</text>
          </view>
        </view>
      </view>
    </view>
  </view>

  <empty-state
    wx:elif="{{!loading}}"
    icon="⚡"
    text="暂无秒杀活动"
  />
</view>
