修改项目级大屏

This commit is contained in:
shi
2025-09-12 19:33:07 +08:00
parent 9fbabd2b6a
commit aa1f2e8fdb
4 changed files with 23 additions and 21 deletions

View File

@ -11,20 +11,16 @@
</div>
</div>
<div class="title">
<div>新能源项目级管理平台</div>
<div>Coal Science Construction Management - New Energy Project Level Management Platform</div>
<div>{{ currentProjectName }}</div>
<div>施工现场数智化管理</div>
</div>
<div class="header_right">
<div class="top-bar">
<!-- 左侧天气图标 + 日期文字 -->
<div class="left-section">
<div class="weather-list" @mouseenter="requestPause" @mouseleave="resumeScroll">
<div
v-for="(item, i) in weatherList"
:key="i"
class="weather-item"
:style="{ transform: `translateY(-${offsetY}px)`, transition: transition }"
>
<div v-for="(item, i) in weatherList" :key="i" class="weather-item"
:style="{ transform: `translateY(-${offsetY}px)`, transition: transition }">
<img :src="`/assets/demo/${item.icon}.png`" alt="" />
<div>{{ item.weather }}{{ item.tempMin }}°/{{ item.tempMax }}°</div>
<div>{{ item.week }}({{ item.date }})</div>
@ -63,6 +59,10 @@
<script setup lang="ts">
import { ref, onMounted, onUnmounted } from 'vue';
import { getScreenSafetyDay, getScreenWeather } from '@/api/projectScreen';
import { useUserStoreHook } from '@/store/modules/user';
const userStore = useUserStoreHook();
const currentProjectName = computed(() => userStore.selectedProject?.name);
interface Weather {
week: string;
@ -230,13 +230,13 @@ onUnmounted(() => {
text-align: center;
}
.title > div:first-child {
.title>div:first-child {
/* 第一个子元素的样式 */
font-size: 38px;
letter-spacing: 0.1em;
}
.title > div:last-child {
.title>div:last-child {
/* 最后一个子元素的样式 */
font-size: 14px;
}
@ -269,7 +269,7 @@ onUnmounted(() => {
display: flex;
align-items: center;
& > div:last-child {
&>div:last-child {
margin-left: 10px;
}