<template>
    <div class="min-h-screen bg-background">
        <header class="bg-surface shadow-soft border-b border-border">
            <div class="max-w-md mx-auto px-4 py-4">
                <h1 class="text-xl font-bold text-text-primary">交易记录</h1>
            </div>
        </header>

        <main class="max-w-md mx-auto px-4 py-6">
            <BaseCard>
                <div class="text-center py-8">
                    <h2 class="text-lg font-semibold text-text-primary mb-2">交易记录页面</h2>
                    <p class="text-text-secondary">此页面将在后续任务中实现</p>
                </div>
            </BaseCard>
        </main>
    </div>
</template>

<script setup lang="ts">
import BaseCard from '@/components/common/BaseCard.vue'
</script>