<template>
  <view class="page-container">
    <view class="page-header">
      <text class="page-title">秒杀列表</text>
      <text class="page-subtitle">Component: MarketingSeckill</text>
    </view>
    
    <view class="page-content">
      <view class="placeholder-card">
        <text class="placeholder-title">页面占位</text>
        <text class="placeholder-desc">该功能模块正在开发中</text>
        <text class="placeholder-info">当前采用 CRMEB 路由体系 1:1 映射</text>
      </view>
    </view>
  </view>
</template>

<script setup lang="uts">
import { ref } from 'vue'

const pageTitle = ref<string>('秒杀列表')
</script>

<style scoped>
.page-container {
  padding: 24px;
  background-color: #f0f2f5;
  min-height: 100vh;
}

.page-header {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.page-title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 8px;
}

.page-subtitle {
  display: block;
  font-size: 14px;
  color: #8c8c8c;
}

.page-content {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.placeholder-card {
  text-align: center;
  padding: 48px 24px;
}

.placeholder-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 12px;
}

.placeholder-desc {
  display: block;
  font-size: 14px;
  color: #8c8c8c;
  margin-bottom: 8px;
}

.placeholder-info {
  display: block;
  font-size: 12px;
  color: #bfbfbf;
}
</style>


