改样式
This commit is contained in:
parent
fec62e4525
commit
97caef2eea
1
App.vue
1
App.vue
|
|
@ -9,6 +9,7 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
onShow() {
|
onShow() {
|
||||||
|
|
||||||
console.log('App Show');
|
console.log('App Show');
|
||||||
if (uni.getStorageSync('userInfo')) {
|
if (uni.getStorageSync('userInfo')) {
|
||||||
// 重置重连计数,确保立即重连
|
// 重置重连计数,确保立即重连
|
||||||
|
|
|
||||||
|
|
@ -69,7 +69,7 @@
|
||||||
<view class="card-bottom">
|
<view class="card-bottom">
|
||||||
<image class="bottom-img" src="/static/index/card/work.png" />
|
<image class="bottom-img" src="/static/index/card/work.png" />
|
||||||
<view class="bottom-font">
|
<view class="bottom-font">
|
||||||
行政
|
后勤
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -713,7 +713,7 @@
|
||||||
.weight-time {
|
.weight-time {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-size: 70rpx;
|
font-size: 70rpx;
|
||||||
margin-bottom: 0rpx;
|
margin-top: 2vw;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left: -50rpx;
|
margin-left: -50rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -729,6 +729,7 @@
|
||||||
font-size: 35rpx;
|
font-size: 35rpx;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
margin-top: 2vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.server-bgc {
|
.server-bgc {
|
||||||
|
|
|
||||||
|
|
@ -51,8 +51,8 @@
|
||||||
height: 3.8vw;
|
height: 3.8vw;
|
||||||
}
|
}
|
||||||
.logomain{
|
.logomain{
|
||||||
width: 6.5vw;
|
width: 6vw;
|
||||||
height: 6.5vw;
|
height: 6vw;
|
||||||
}
|
}
|
||||||
.cont{
|
.cont{
|
||||||
width: 6vw;
|
width: 6vw;
|
||||||
|
|
|
||||||
|
|
@ -630,13 +630,14 @@
|
||||||
.weight-time {
|
.weight-time {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-size: 70rpx;
|
font-size: 70rpx;
|
||||||
margin-bottom: 0rpx;
|
margin-top: 30rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left: -50rpx;
|
margin-left: -50rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.big-img {
|
.big-img {
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
width: 450rpx;
|
width: 450rpx;
|
||||||
height: 450rpx;
|
height: 450rpx;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
|
||||||
|
|
@ -61,6 +61,12 @@
|
||||||
<view class="unit" @click="housactive(0)">
|
<view class="unit" @click="housactive(0)">
|
||||||
<image class="all-home" src="/static/index/warehouse/newindexhome/un.png" mode="aspectFit"></image>
|
<image class="all-home" src="/static/index/warehouse/newindexhome/un.png" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="unit-text" :style="{ fontSize: fontSize }">
|
||||||
|
{{ fontnumber }}
|
||||||
|
</view>
|
||||||
|
<view class="unit-image">
|
||||||
|
<image class="all-home" src="/static/red.png" mode="aspectFit"></image>
|
||||||
|
</view>
|
||||||
<view class="office" @click="housactive(1)">
|
<view class="office" @click="housactive(1)">
|
||||||
<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>
|
||||||
|
|
@ -85,7 +91,8 @@
|
||||||
:loop="true" />
|
:loop="true" />
|
||||||
</view>
|
</view>
|
||||||
<view class="door tp">
|
<view class="door tp">
|
||||||
<donghua width="17vw" height="16vw" :interval="200" :links="[...doorarray, ...doorarray.slice().reverse()]" :playing="playall" :loop="true" />
|
<donghua width="17vw" height="16vw" :interval="200" :links="[...doorarray, ...doorarray.slice().reverse()]"
|
||||||
|
:playing="playall" :loop="true" />
|
||||||
</view>
|
</view>
|
||||||
<view class="ondoor tp">
|
<view class="ondoor tp">
|
||||||
<donghua width="5vw" height="6vw" :interval="300" :links="ondoorarray" :playing="playall" :loop="true" />
|
<donghua width="5vw" height="6vw" :interval="300" :links="ondoorarray" :playing="playall" :loop="true" />
|
||||||
|
|
@ -257,6 +264,14 @@
|
||||||
const leftMenuArray = ref([])
|
const leftMenuArray = ref([])
|
||||||
const exitshow = ref(false);
|
const exitshow = ref(false);
|
||||||
const morerule = ref(false)
|
const morerule = ref(false)
|
||||||
|
const fontnumber = ref(uni.getStorageSync('orgListName'))
|
||||||
|
const fontSize = computed(() => {
|
||||||
|
const len = (fontnumber.value || '').length
|
||||||
|
if (len === 10) return '1.3vw' // 恰好10字
|
||||||
|
if (len < 10) return '1.4vw' // 少于10字
|
||||||
|
if (len <= 15) return '1.2vw' // 11~15字
|
||||||
|
return '1.1vw' // 超过15字
|
||||||
|
})
|
||||||
// 生命周期钩子
|
// 生命周期钩子
|
||||||
onShow(() => {
|
onShow(() => {
|
||||||
zyupgrade.value?.check_update();
|
zyupgrade.value?.check_update();
|
||||||
|
|
@ -796,13 +811,42 @@
|
||||||
.unit {
|
.unit {
|
||||||
width: 53vw;
|
width: 53vw;
|
||||||
height: 53vw;
|
height: 53vw;
|
||||||
// background-color: red;
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: -4vw;
|
top: -4vw;
|
||||||
left: 30vw;
|
left: 30vw;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.unit-text {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 28.5vw;
|
||||||
|
left: 18vw;
|
||||||
|
z-index: 12;
|
||||||
|
display: inline-block;
|
||||||
|
transform-origin: left top;
|
||||||
|
/* 关键:左上角 */
|
||||||
|
transform: skewX(29deg) rotate(35deg) scaleY(1.2);
|
||||||
|
letter-spacing: -2px;
|
||||||
|
/* 负值 = 缩小 */
|
||||||
|
font-size: 1.2vw;
|
||||||
|
color: #0089FE;
|
||||||
|
}
|
||||||
|
.unit-image{
|
||||||
|
position: fixed;
|
||||||
|
bottom: 29.3vw;
|
||||||
|
left: 15.5vw;
|
||||||
|
z-index: 12;
|
||||||
|
display: inline-block;
|
||||||
|
transform-origin: left top;
|
||||||
|
/* 关键:左上角 */
|
||||||
|
transform: skewX(29deg) rotate(35deg) scaleY(1.2);
|
||||||
|
letter-spacing: -2px;
|
||||||
|
width: 2vw;
|
||||||
|
height: 2vw;
|
||||||
|
/* 负值 = 缩小 */
|
||||||
|
|
||||||
|
color: #0089FE;
|
||||||
|
}
|
||||||
.office {
|
.office {
|
||||||
width: 50vw;
|
width: 50vw;
|
||||||
height: 50vw;
|
height: 50vw;
|
||||||
|
|
@ -863,6 +907,7 @@
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: 50%;
|
height: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.door {
|
.door {
|
||||||
width: 17vw;
|
width: 17vw;
|
||||||
height: 16vw;
|
height: 16vw;
|
||||||
|
|
@ -870,6 +915,7 @@
|
||||||
bottom: 0vw;
|
bottom: 0vw;
|
||||||
left: 0vw;
|
left: 0vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ondoor {
|
.ondoor {
|
||||||
width: 5vw;
|
width: 5vw;
|
||||||
height: 6vw;
|
height: 6vw;
|
||||||
|
|
@ -877,6 +923,7 @@
|
||||||
bottom: -0.5vw;
|
bottom: -0.5vw;
|
||||||
left: 9vw;
|
left: 9vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
// .tp {
|
// .tp {
|
||||||
// image {
|
// image {
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 7.9 KiB |
Loading…
Reference in New Issue