开发: 成员聊天页面

This commit is contained in:
zhengw
2023-04-13 17:36:49 +08:00
parent e2b466042f
commit b2bf2ade21
27 changed files with 970 additions and 512 deletions

View File

@@ -41,7 +41,6 @@
flex: 1;
align-items: flex-start;
min-width: 0;
height: 40px;
padding-left: 12px;
.chatAName {
@@ -63,16 +62,20 @@
width: 40px;
height: 40px;
line-height: 1;
background-color: #fff;
background-color: #69b1ff;
border-radius: 4px;
}
.chatBBox {
height: calc(100vh - 212px - 164px);
overflow: auto;
}
.state0 {
position: relative;
background: #eee;
}
.chatLogBox {
height: calc(100vh - 212px - 66px);
padding: 12px;
@@ -103,6 +106,7 @@
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;
@@ -112,3 +116,21 @@
pointer-events: all;
}
}
.modalAvatar {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
margin-right: 12px;
overflow: hidden;
background-color: #69b1ff;
border-radius: 6px;
img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
}