<template>
  <section class="waitBox bg-[#F3F2FA]">
    <nav class="h-[11.11vh] pl-[3.7vh] pr-[2.22vh] flex justify-between items-center bg-[#5D49AF]">
      <div class="logBox w-[11.57vh] h-[7.4vh]">
        <img class="h-full" src="@/assets/svg/Wait/logo.svg" />
      </div>
      <div class="titleBox flex items-center">
        <p class="text-[5.55vh] font-bold mr-[1.48vh]">家属等候大屏</p>
        <span class="text-[2.96vh] text-[#ccc] tracking-widest">(9s)</span>
      </div>
      <div class="timeBox text-right">
        <p class="text-[3.14vh] font-medium leading-tight">15:31</p>
        <p class="text-[1.66vh]">2024-07-09 星期二</p>
      </div>
    </nav>
    <main class="h-[calc(100vh-18.51vh)] p-[2.22vh] pb-0"></main>
    <footer class="h-[7.4vh] flex items-center justify-around bg-[#5D49AF]">
      <div class="flex items-center">
        <div class="logBox w-[15vh] h-[3.7vh] mr-[1.48vh]">
          <img class="h-full" src="@/assets/svg/Wait/footText.svg" />
        </div>
        <p class="text-[2.59vh]">请勿吸烟，请照顾好自己随身携带的物品，请耐心等待，我们将竭诚为您服务</p>
      </div>
    </footer>
  </section>
</template>

<script></script>

<style lang="scss" scoped></style>
