修改快捷功能入口

This commit is contained in:
龙运模
2024-09-19 23:23:06 +08:00
parent 7485e589e4
commit 3a3997f351
7 changed files with 260 additions and 80 deletions
+54 -52
View File
@@ -16,59 +16,68 @@
flex: 1;
display: flex;
overflow: hidden;
.boxScrollbar{
}
}
.inletView{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
.leftBox{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.item{
display: flex;
align-items: center;
flex-direction: column;
margin:0 18px 0 0;
padding-bottom: 20px;
width: 50px;
.img{
width: 50px;height: 50px;background: var(--el-color-primary);border-radius: 8px;
display: flex;align-items: center;justify-content: center;
cursor: pointer;
}
.text{
margin-top: 8px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.add{
display: flex;
justify-content: center;
align-items: center;
margin:0;
padding-bottom: 20px;
.addBack{
background: #f2f2f2;
border-radius: 8px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.icon{
width: 30px;
height: 30px;
color: #888;
}
.text{
width: 50px;
text-align: center;
}
}
}
.headerBox{
.cardBox{
.inletView{
display: flex;
align-items: center;
.leftBox{
display: flex;
align-items: center;
}
.item{
display: flex;
align-items: center;
flex-direction: column;
margin-right: 30px;
.img{
width: 50px;
}
.text{
margin-top: 8px;
}
}
.add{
display: flex;
justify-content: center;
align-items: center;
margin: 0;
.addBack{
background: #f2f2f2;
border-radius: 8px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.icon{
width: 30px;
height: 30px;
color: #888;
}
.text{
width: 50px;
text-align: center;
}
}
}
.newBell{
display: flex;
flex-wrap: wrap;
@@ -161,13 +170,6 @@
}
}
.boxScrollbar{
.el-scrollbar__wrap{
display: flex;
align-items: center;
}
}
@media (max-width: 992px){
.consoleView{