fix: BUG修改
This commit is contained in:
parent
aecd03ac09
commit
64b4e67a55
BIN
src/assets/images/commandScreen/bg10.png
Normal file
BIN
src/assets/images/commandScreen/bg10.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/assets/images/commandScreen/bg7.png
Normal file
BIN
src/assets/images/commandScreen/bg7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
src/assets/images/commandScreen/bg8.png
Normal file
BIN
src/assets/images/commandScreen/bg8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
src/assets/images/commandScreen/bg9.png
Normal file
BIN
src/assets/images/commandScreen/bg9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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%;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user