fix: BUG修改

This commit is contained in:
kun 2024-04-27 19:34:59 +08:00
parent aecd03ac09
commit 64b4e67a55
6 changed files with 44 additions and 22 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

View File

@ -246,18 +246,29 @@ onMounted(async () => {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
.content-div{ .content-div{
width: 30%;
height: 30%;
position: absolute; position: absolute;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.circle-box{ .circle-box{
width: 70px;
height: 70px;
color: white; color: white;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
padding: 23px 20px; // padding: 23px 20px;
border: 2px solid #318FF7; // border: 2px solid #318FF7;
background: url("@/assets/images/commandScreen/bg10.png") no-repeat;
background-size: 100% 100%;
border-radius: 50%; border-radius: 50%;
display: flex;
justify-content: center;
span{
margin-top: 10px;
}
} }
>span{ >span{
margin-top: 10px; margin-top: 10px;
@ -267,32 +278,32 @@ onMounted(async () => {
.aq{ .aq{
// left: 40px; // left: 40px;
// top: 180px; // top: 180px;
left: 9%; left: 0%;
top: 37%; top: 45%;
} }
.wd{ .wd{
// left: 200px; // left: 200px;
// top: 80px; // top: 80px;
left: 23%; left: 12%;
top: 15%; top: 20%;
} }
.jy{ .jy{
// left: 400px; // left: 400px;
// top: 5px; // top: 5px;
left: 45.5%; left: 35%;
top: 0%; top: 0%;
} }
.fx{ .fx{
// right: 180px; // right: 180px;
// top: 80px; // top: 80px;
right: 23%; right: 12%;
top: 15%; top: 20%;
} }
.zn{ .zn{
// right: 40px; // right: 40px;
// top: 180px; // top: 180px;
right: 9%; right: 0%;
top: 37%; top: 45%;
} }
.count-div{ .count-div{
width: 60%; width: 60%;
@ -345,9 +356,20 @@ onMounted(async () => {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
&-item{ &-item{
background-color: #0090D8; width: 180px;
padding: 10px 20px; height: 75px;
border-radius: 24px; // background-color: #0090D8;
// padding: 10px 20px;
// border-radius: 24px;
background: url("@/assets/images/commandScreen/bg9.png") no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
span{
margin-top: 10px;
}
} }
} }
} }

View File

@ -420,14 +420,14 @@ onMounted(async () => {
background: url("@/assets/images/commandScreen/bg2.png") no-repeat; background: url("@/assets/images/commandScreen/bg2.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
// .statistics-item:nth-child(3){ .statistics-item:nth-child(3){
// background: url("@/assets/images/commandScreen/bg4.png") no-repeat; background: url("@/assets/images/commandScreen/bg7.png") no-repeat;
// background-size: 100% 100%; background-size: 100% 100%;
// } }
// .statistics-item:nth-child(4){ .statistics-item:nth-child(4){
// background: url("@/assets/images/commandScreen/bg1.png") no-repeat; background: url("@/assets/images/commandScreen/bg8.png") no-repeat;
// background-size: 100% 100%; background-size: 100% 100%;
// } }
.statistics-item:nth-child(5){ .statistics-item:nth-child(5){
background: url("@/assets/images/commandScreen/bg1.png") no-repeat; background: url("@/assets/images/commandScreen/bg1.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;