124 lines
2.4 KiB
Plaintext
124 lines
2.4 KiB
Plaintext
|
|
.search_box.data-v-3fea99d8 {
|
|
position: relative;
|
|
margin-top: 12px;
|
|
height: 28px;
|
|
padding: 0 16px;
|
|
box-sizing: border-box;
|
|
}
|
|
.search_box .iconfont.data-v-3fea99d8 {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 24px;
|
|
transform: translateY(-50%);
|
|
}
|
|
.search_box input.data-v-3fea99d8 {
|
|
border-bottom: 1px solid rgba(229, 229, 229, 1);
|
|
font-size: 12px;
|
|
color: rgba(153, 153, 153, 1);
|
|
padding: 0 36px;
|
|
box-sizing: border-box;
|
|
height: 28px;
|
|
}
|
|
.no-data.data-v-3fea99d8 {
|
|
padding-top: 26vh;
|
|
}
|
|
.no-data image.data-v-3fea99d8 {
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
.no-data text.data-v-3fea99d8 {
|
|
margin-top: 12px;
|
|
display: block;
|
|
font-size: 18px;
|
|
color: #999999;
|
|
text-align: center;
|
|
}
|
|
.chat_list.data-v-3fea99d8 {
|
|
margin-top: 20px;
|
|
padding: 0 16px;
|
|
box-sizing: border-box;
|
|
}
|
|
.chat_item.data-v-3fea99d8 {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 16px;
|
|
height: 78px;
|
|
border: 1px solid rgba(213, 241, 242, 0.5);
|
|
border-radius: 24px;
|
|
padding: 16px;
|
|
box-sizing: border-box;
|
|
}
|
|
.chat_item .avatar_box.data-v-3fea99d8 {
|
|
position: relative;
|
|
margin-right: 12px;
|
|
}
|
|
.chat_item .avatar.data-v-3fea99d8 {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
object-fit: cover;
|
|
}
|
|
.chat_item .state_dot.data-v-3fea99d8 {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
}
|
|
.chat_item .state_dot.data-v-3fea99d8::before {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
content: '';
|
|
}
|
|
.chat_item .online.data-v-3fea99d8 {
|
|
background: rgba(93, 214, 77, 1);
|
|
}
|
|
.chat_item .offline.data-v-3fea99d8 {
|
|
background: rgba(255, 109, 51, 1);
|
|
}
|
|
.chat_item .center_info.data-v-3fea99d8 {
|
|
flex-grow: 1;
|
|
}
|
|
.chat_item .name.data-v-3fea99d8 {
|
|
display: block;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
color: rgba(11, 41, 89, 1);
|
|
line-height: 24px;
|
|
}
|
|
.chat_item .text.data-v-3fea99d8 {
|
|
width: 300px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-top: 4px;
|
|
display: block;
|
|
font-size: 12px;
|
|
color: rgba(43, 67, 105, 1);
|
|
line-height: 18px;
|
|
}
|
|
.chat_item .right_info.data-v-3fea99d8 {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 16px;
|
|
}
|
|
.chat_item .time.data-v-3fea99d8 {
|
|
font-size: 12px;
|
|
color: rgba(43, 67, 105, 1);
|
|
line-height: 22px;
|
|
}
|
|
|