<template>
  <div class="test-page">
    <h1>测试页面</h1>
    <p>这是一个测试页面，用于验证路由配置是否正确。</p>
    <p>当前路径: {{ $route.path }}</p>
    <p>当前查询参数: {{ JSON.stringify($route.query) }}</p>
  </div>
</template>

<script>
export default {
  name: 'TestPage'
}
</script>

<style lang="scss" scoped>
.test-page {
  padding: 40px;
  text-align: center;
  
  h1 {
    font-size: 32px;
    color: #1e3c72;
    margin-bottom: 20px;
  }
  
  p {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
  }
}
</style>