<script setup lang="ts"></script>

<template>
  <main class="page">
    <header class="page-header">
      <button class="back-btn" type="button" @click="$router.back()">←</button>
      <h1>人行头寸余额查询</h1>
    </header>
    <section class="page-body">
      <p class="placeholder">页面建设中…</p>
    </section>
  </main>
</template>

<style scoped>
.page {
  max-width: 750px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 11px;
  background: #f7f8fa;
}
.page-header {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
}
.back-btn {
  border: 0;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
}
.page-header h1 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}
.page-body {
  padding: 24px 0;
}
.placeholder {
  text-align: center;
  color: #969799;
  font-size: 14px;
  padding-top: 120px;
}
</style>
