合并代码
|
|
@ -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;">
|
||||||
|
|
@ -108,8 +132,8 @@
|
||||||
<view class="" v-show="!indexmessage?.startTime">
|
<view class="" v-show="!indexmessage?.startTime">
|
||||||
暂无数据
|
暂无数据
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<view class="pao-father" v-show="indexmessage?.startTime">
|
<view class="pao-father" v-show="indexmessage?.startTime">
|
||||||
<image class="pao-img" :src="`/static/index/newindex/states/pao.png`" />
|
<image class="pao-img" :src="`/static/index/newindex/states/pao.png`" />
|
||||||
<view style="z-index: 1;">
|
<view style="z-index: 1;">
|
||||||
|
|
@ -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 }}
|
||||||
|
|
@ -873,6 +898,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;
|
||||||
|
|
@ -881,78 +918,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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 9.7 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 8.4 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 8.1 KiB |