<!--
 * @Author: 纪泽龙 jizelong@qq.com
 * @Date: 2025-12-20 09:31:30
 * @LastEditors: 纪泽龙 jizelong@qq.com
 * @LastEditTime: 2026-01-15 14:43:30
 * @FilePath: /test-ranqi/src/views/Ind/components/Left.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="top">
    <img :src="top" alt="" />
    <div class="time">
      <div class="l">{{ YYYY }}</div>
      <div>{{ HHHH }}</div>
    </div>
    ƒ
  </div>
</template>

<script>
import top from "@/assets/bigwindowImg/index/top.png";
export default {
  name: "",
  data() {
    return {
      top,
      YYYY: null,
      HHHH: null,
    };
  },
  created() {
    setInterval(() => {
      this.YYYY = this.$dayjs().format("YYYY-MM-DD");
      this.HHHH = this.$dayjs().format("HH:mm:ss");
    });
  },

  methods: {},
};
</script>
<style lang="scss" scoped>
.top {
  width: 100%;
  height: 102px;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  z-index: 99;
}
.time {
  font-size: 20px;
  top: 24px;
  left: 48px;
  display: flex;
  position: absolute;
  color: #fff;
  z-index: 9999;
  .l {
    margin-right: 20px;
  }
}
</style>
