xiaomeng/wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
home孙 2025-09-13 11:02:32 +08:00
parent 9af66c074a
commit 8b68153b41
2 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/image/right-view3new2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

38
src/views/page/status.vue
View File

@ -56,12 +56,12 @@
<div class="right"> <div class="right">
<div class="flex"> <div class="flex">
<div class="name">配肥强度</div> <div class="name">强度</div>
<div class="number">{{ item.number }}</div> <div class="number">{{ item.number }}</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="flex"> <div class="flex">
<div class="name">配肥速度</div> <div class="name">速度</div>
<div class="number">{{ item.speed }}<span>L/h</span></div> <div class="number">{{ item.speed }}<span>L/h</span></div>
</div> </div>
@ -141,7 +141,10 @@
</div> </div>
<div class="right-view3"> <div class="right-view3">
<div class="main-title"><span>{{$t('status.fertilizationSpeed')}}</span> <div class="main-title"><span>{{$t('status.fertilizationSpeed')}}</span>
<span>启动方式:{{openTypeStir}}</span> <div class="right"><span>启动方式: </span>
<div class="input-50">
<div class="input">{{openTypeStir}}</div>
</div></div>
</div> </div>
<div class="view-content"> <div class="view-content">
<div class="grid" :class="rightList3Show[index]==1?'active':''" v-for="item, index in rightList3" :key="index"> <div class="grid" :class="rightList3Show[index]==1?'active':''" v-for="item, index in rightList3" :key="index">
@ -680,6 +683,22 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.right{
display: flex;
align-items: center;
flex-shrink: 0;
.input-50{
width: 100px;
height: 40px;
flex-shrink: 0;
.input{
line-height: 40px;
height: 40px;
font-weight: bold;
color: #3CFDFF;
}
}
}
} }
>div { >div {
height: 100%; height: 100%;
@ -760,8 +779,8 @@ export default {
align-items: center; align-items: center;
.left { .left {
width: 50px; width: 60px;
height: 50px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -782,7 +801,7 @@ export default {
} }
.name { .name {
font-size: 14px; font-size: 16px;
font-family: Alibaba PuHuiTiR; font-family: Alibaba PuHuiTiR;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
@ -793,11 +812,11 @@ export default {
.line{ .line{
width: 100%; width: 100%;
height: 1px; height: 1px;
background: #34AFF6; background: rgba(52, 175, 246,0.5);
} }
.right{ .right{
width: calc(100% - 55px); width: calc(100% - 65px);
} }
.flex{ .flex{
display: flex; display: flex;
@ -814,7 +833,7 @@ width: calc(100% - 55px);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
span{ span{
font-size: 12px; font-size:18px;
font-family: Oswald; font-family: Oswald;
} }
} }
@ -843,6 +862,7 @@ width: calc(100% - 55px);
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
grid-row-gap: 0px; //纵向间隔 grid-row-gap: 0px; //纵向间隔
grid-column-gap: 10px; //横向间隔 grid-column-gap: 10px; //横向间隔
.grid{ .grid{
display: flex; display: flex;
align-items: center; align-items: center;