<template>
  <div class="text-4xl text-white flex items-center justify-center relative">
    <div class="w-1325px h-43px mt-3.5px relative">
      <div class="absolute left-0 bottom-0 w-1/4 text-10px h-28px flex items-center justify-end">
        2022-10-22 10:10
      </div>
      <div class="absolute right-0 bottom-0 w-1/4 text-10px h-28px flex items-center justify-start">
        <div>多云</div>
        <div class="mx-20px">PM2.5</div>
        <div class="flex items-center">
          <span class="bg-[#00F500] w-2.2px h-2.2px inline-block rounded-full mr-4px"></span>
          <span>良好</span>
        </div>
      </div>
      <img class="w-full h-full" :src="headTitleImg" alt="" srcset="" />
    </div>
  </div>
</template>

<script setup lang="ts">
  import headTitleImg from '/@/assets/images/head-title.png'
</script>

<style scoped></style>
