开发: 修改页面
This commit is contained in:
@@ -23,11 +23,11 @@
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: #d6d6d7;
|
||||
background-color: #bae0ff;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: #c5c4c4;
|
||||
background-color: #bae0ff;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -67,10 +67,51 @@
|
||||
}
|
||||
|
||||
.chatBBox {
|
||||
position: relative;
|
||||
height: calc(100vh - 212px - 164px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.delFollowList {
|
||||
position: absolute;
|
||||
top: calc(100% - 34px);
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
background-color: #fff;
|
||||
transition: top 0.3s, height 0.3s;
|
||||
|
||||
&.delFollowListShow {
|
||||
top: 0;
|
||||
height: calc(100% - 34px);
|
||||
}
|
||||
}
|
||||
|
||||
.delFollowListBar {
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 34px;
|
||||
padding: 0 12px;
|
||||
color: #1890ff;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.delFollowListBox {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
|
||||
&.delFollowListBoxShow {
|
||||
height: calc(100% - 34px);
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.state0 {
|
||||
position: relative;
|
||||
background: #eee;
|
||||
@@ -100,13 +141,13 @@
|
||||
max-height: 50vh;
|
||||
overflow: auto;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 4px 6px #ccc;
|
||||
transform: translateY(20px);
|
||||
visibility: hidden;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
|
||||
pointer-events: none;
|
||||
box-shadow: 0 4px 6px #ccc;
|
||||
|
||||
&.show {
|
||||
z-index: 1;
|
||||
|
Reference in New Issue
Block a user