| | |
|---|
| | | * @Author: gjj Ganjj@probim.com.cn |
|---|
| | | * @Date: 2025-02-14 14:32:18 |
|---|
| | | * @LastEditors: gjj Ganjj@probim.com.cn |
|---|
| | | * @LastEditTime: 2025-02-25 11:47:12 |
|---|
| | | * @LastEditTime: 2025-03-17 11:05:39 |
|---|
| | | * @FilePath: \北京交通大学\src\components\Header.vue |
|---|
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
|---|
| | | --> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div class="absolute top-0 right-0"> |
|---|
| | | <div class="flex items-center h-[80px] mr-[20px]"> |
|---|
| | | <img class="w-[20px] h-[20px]" :src="getImageUrl('time.png')" alt=""> |
|---|
| | | <i class="el-icon-full-screen cursor-pointer text-[#00FFFF] text-[24px]" @click="handleFullscreen" :title="$fullscreen.isFullscreen ? '退出全屏' : '全屏'"></i> |
|---|
| | | <img class="w-[20px] h-[20px] ml-[8px]" :src="getImageUrl('time.png')" alt=""> |
|---|
| | | <div class="text-[24px] text-[#FFBF00] ml-[8px]">{{ currentTime }}</div> |
|---|
| | | <div class="text-[16px] text-[#C8C8C8] ml-[20px]">{{ currentDate }}</div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | handleFullscreen() { |
|---|
| | | if (this.$fullscreen.isFullscreen) { |
|---|
| | | this.$fullscreen.exit() |
|---|
| | | } else { |
|---|
| | | this.$fullscreen.request() |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | getImageUrl(name) { |
|---|
| | | return new URL(`../assets/images/backgrounds/${name}`, import.meta.url).href |
|---|
| | | }, |
|---|
| | | onHomeClick(tab) { |
|---|
| | | this.activeTab = tab; |
|---|
| | | }, |
|---|
| | | onProjectChange(data) { |
|---|
| | | this.$store.commit("common/setCurrentProject", data); |
|---|
| | | }, |
|---|
| | | updateTime() { |
|---|
| | | const now = new Date(); |
|---|
