This commit is contained in:
wangweidong 2026-01-05 09:31:18 +08:00
commit 5cf16b3a62
19 changed files with 116 additions and 75 deletions

View File

@ -73,7 +73,31 @@
</view> </view>
</view> </view>
</view> </view>
<view class="title-time"> <view class="title-card-right">
<view class="card-top">
<view class="card-top-left">
65
</view>
<view class="card-top-right">
<image class="right-img" src="/static/index/card/arrow.png" />
</view>
<view class="card-spec">
<view class="line">
</view>
<view class="line-gray">
70
</view>
</view>
</view>
<view class="card-bottom">
<image class="bottom-img" src="/static/index/card/work.png" />
<view class="bottom-font">
行政
</view>
</view>
</view>
<!-- <view class="title-time">
<view class="time-title"> <view class="time-title">
{{ currentTime }} {{ currentTime }}
</view> </view>
@ -88,7 +112,7 @@
<text <text
class="right-container-tem-text">{{ (uni.getStorageSync('NUall').humidDeviceList && uni.getStorageSync('NUall').humidDeviceList[0])? uni.getStorageSync('NUall').humidDeviceList[0].humidity: '-' }}%</text> class="right-container-tem-text">{{ (uni.getStorageSync('NUall').humidDeviceList && uni.getStorageSync('NUall').humidDeviceList[0])? uni.getStorageSync('NUall').humidDeviceList[0].humidity: '-' }}%</text>
</view> </view>
</view> </view> -->
</view> </view>
<view class="photo-father"> <view class="photo-father">
<view class="juzhong" style="margin-left: -30rpx;"> <view class="juzhong" style="margin-left: -30rpx;">
@ -118,7 +142,8 @@
</view> </view>
</view> </view>
<image class="big-img" :src="indexmessage?.previewFile? 'https://www.focusnu.com/media/upFiles/' + indexmessage?.previewFile: `/static/index/newindex/wendu/2.png`" /> <image class="big-img"
:src="indexmessage?.previewFile? 'https://www.focusnu.com/media/upFiles/' + indexmessage?.previewFile: `/static/index/newindex/wendu/2.png`" />
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view class="server-name" v-if="indexmessage?.startTime"> <view class="server-name" v-if="indexmessage?.startTime">
{{ indexmessage?.directiveName }} {{ indexmessage?.directiveName }}
@ -883,6 +908,18 @@
z-index: 4; z-index: 4;
} }
.title-card-right {
position: absolute;
right: 0;
top: 0;
width: 10vw;
height: 9.2vw;
border-radius: 2vw;
background-color: #FFFFFF;
padding: 1.6vw;
margin-right: 1.5vw;
}
.title-card { .title-card {
width: 10vw; width: 10vw;
height: 9vw; height: 9vw;
@ -891,78 +928,78 @@
padding: 1.6vw; padding: 1.6vw;
position: relative; position: relative;
margin-right: 1.5vw; margin-right: 1.5vw;
}
.card-bottom { .card-bottom {
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 3vw; height: 3vw;
display: flex;
.bottom-img {
width: 1.6vw;
height: 1.6vw;
margin-left: 1.8vw;
}
.bottom-font {
color: #555555;
font-size: 1.4vw;
margin-left: 0.5vw;
}
}
.card-top {
width: 100%;
display: flex;
justify-content: space-between;
position: relative;
.card-top-left {
font-size: 1.8vw;
font-weight: 600;
}
.card-top-right {
width: 2vw;
height: 2vw;
border-radius: 50%;
background-color: #F1F2F3;
display: flex; display: flex;
justify-content: center;
align-items: center;
.bottom-img { .right-img {
width: 1.6vw; width: 0.8vw;
height: 1.6vw; height: 0.8vw;
margin-left: 1.8vw;
}
.bottom-font {
color: #555555;
font-size: 1.4vw;
margin-left: 0.5vw;
} }
} }
.card-top { .card-spec {
width: 100%; position: absolute;
display: flex; top: 1.1vw;
justify-content: space-between; left: 1.6vw;
position: relative; width: 1.5vw;
height: 2vw;
// background-color: #0076FF;
.card-top-left { .line {
font-size: 1.8vw;
font-weight: 600;
}
.card-top-right {
width: 2vw;
height: 2vw;
border-radius: 50%;
background-color: #F1F2F3;
display: flex;
justify-content: center;
align-items: center;
.right-img {
width: 0.8vw;
height: 0.8vw;
}
}
.card-spec {
position: absolute; position: absolute;
top: 1.1vw; inset: 0;
left: 1.6vw; background: linear-gradient(to bottom right,
width: 1.5vw; transparent calc(50% - 1px),
height: 2vw; #d5d5d5 50%,
// background-color: #0076FF; transparent calc(50% + 1px))
}
.line { .line-gray {
position: absolute; position: absolute;
inset: 0; right: -1.1vw;
background: linear-gradient(to bottom right, bottom: -0.6vw;
transparent calc(50% - 1px), color: #888888;
#d5d5d5 50%, font-size: 1.3vw;
transparent calc(50% + 1px))
}
.line-gray {
position: absolute;
right: -1.1vw;
bottom: -0.6vw;
color: #888888;
font-size: 1.3vw;
}
} }
} }
} }

View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<view class="letbox" :style="style"> <view class="letbox" :style="style">
<view class="logo tp"> <view class="logomain tp">
<image src="/static/shouye/logo2.png" mode="aspectFill"></image> <image src="/static/shouye/logo2.png" mode="aspectFill"></image>
</view> </view>
<view class="cont"> <view class="cont">
@ -50,6 +50,10 @@
width: 3.8vw; width: 3.8vw;
height: 3.8vw; height: 3.8vw;
} }
.logomain{
width: 6.5vw;
height: 6.5vw;
}
.cont{ .cont{
width: 4vw; width: 4vw;
display: flex; display: flex;

View File

@ -64,7 +64,7 @@
<image class="all-home" src="/static/index/warehouse/newindexhome/office.png" mode="aspectFit"></image> <image class="all-home" src="/static/index/warehouse/newindexhome/office.png" mode="aspectFit"></image>
</view> </view>
<view class="officer tp" @click="housactive(1)"> <view class="officer tp" @click="housactive(1)">
<donghua width="5vw" height="10vw" :interval="1000" :links="officerarray" :playing="playall" :loop="true" /> <donghua width="12vw" height="10vw" :interval="150" :links="[...officerarray, ...officerarray.slice().reverse()]" :playing="playall" :loop="true" />
</view> </view>
<view class="Print tp"> <view class="Print tp">
<donghua width="6vw" height="6vw" :interval="300" :links="Printarray" :playing="playall" :loop="true" /> <donghua width="6vw" height="6vw" :interval="300" :links="Printarray" :playing="playall" :loop="true" />
@ -280,9 +280,9 @@
const officerarray = const officerarray =
genPaths( genPaths(
'/static/index/warehouse/newindexhome/', '/static/index/warehouse/newindexhome/cler',
'cler', 'cler',
2, // 13, //
'png', 'png',
1, // 1 1, // 1
false // false //
@ -727,11 +727,11 @@
} }
.officer { .officer {
width: 5vw; width: 12vw;
height: 10vw; height: 10vw;
position: fixed; position: fixed;
bottom: 16vw; bottom: 19.5vw;
right: 9vw; right: 2vw;
z-index: 2; z-index: 2;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB