add:照明系统 抽屉功能tab2分页功能完善

This commit is contained in:
chenpingsen
2024-07-22 09:18:46 +08:00
parent 2bc56cc1d4
commit 2d1d3a41a8
6 changed files with 159 additions and 130 deletions

View File

@@ -1,6 +1,8 @@
// 页面容器
.lighting-box {
position: relative;
width: 100%;
height: 100%;
// background: linear-gradient(#badaff, #8cabeb, #7095de);
// 照明设备功能总容器
.lighting-img-box {
@@ -47,19 +49,19 @@
display: flex;
gap: 5px;
.area1 {
width: 70px;
width: 65px;
background: rgba(0, 251, 91, 0.3);
border: 2px solid rgb(0, 251, 91);
display: flex;
}
.area2 {
width: 200px;
width: 100px;
background: rgba(255, 165, 0, 0.3);
border: 2px solid rgb(255, 165, 0);
display: flex;
}
.area3 {
width: 120px;
width: 220px;
background: rgba(255, 0, 0, 0.3);
border: 2px solid rgb(255, 0, 0);
display: flex;
@@ -71,7 +73,7 @@
display: flex;
}
.area5 {
flex: 1;
flex: 210px;
background: rgba(0, 251, 91, 0.3);
border: 2px solid rgb(0, 251, 91);
display: flex;