You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
1.6 KiB
94 lines
1.6 KiB
1 year ago
|
.app-wallpaper{
|
||
|
height:100%;
|
||
|
.chat-list-container{
|
||
|
width:100%;
|
||
|
// max-height:1000rpx;
|
||
|
// overflow-y: auto;
|
||
|
box-sizing: border-box;
|
||
|
.chat-list-item-container{
|
||
|
box-sizing: border-box;
|
||
|
background:{
|
||
|
position:center center;
|
||
|
size:100% 100%;
|
||
|
repeat: no-repeat;
|
||
|
}
|
||
|
padding:{
|
||
|
top:12rpx;
|
||
|
bottom:78rpx;
|
||
|
left:26rpx;
|
||
|
right:26rpx;
|
||
|
}
|
||
|
margin:{
|
||
|
top:8rpx;
|
||
|
}
|
||
|
|
||
|
.chat-item-background{
|
||
|
box-sizing: border-box;
|
||
|
background:{
|
||
|
position:0 0;
|
||
|
size:20rpx 16rpx;
|
||
|
repeat: no-repeat;
|
||
|
}
|
||
|
padding:{
|
||
|
top:16rpx;
|
||
|
bottom:0;
|
||
|
left:20rpx;
|
||
|
right:20rpx;
|
||
|
}
|
||
|
.chat-item-content{
|
||
|
padding:{
|
||
|
top:11rpx;
|
||
|
// bottom:11rpx;
|
||
|
left:5rpx;
|
||
|
right:5rpx;
|
||
|
};
|
||
|
justify-content: start;
|
||
|
.chat-item-left{
|
||
|
.img{
|
||
|
width:80rpx;
|
||
|
height:80rpx;
|
||
|
border-radius: 50%;
|
||
|
}
|
||
|
}
|
||
|
.chat-item-right{
|
||
|
margin:{
|
||
|
left:20rpx;
|
||
|
}
|
||
|
flex:1;
|
||
|
.chat-item-title-group{
|
||
|
font-size:28rpx;
|
||
|
font-weight: 400;
|
||
|
line-height:30rpx;
|
||
|
justify-content: space-around;
|
||
|
.chat-item-title{
|
||
|
color:#4D4D4D;
|
||
|
margin:{
|
||
|
bottom:20rpx;
|
||
|
}
|
||
|
}
|
||
|
.chat-item-time{
|
||
|
color:#C1C1C1;
|
||
|
margin:{
|
||
|
left:auto;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.chat-item-desc{
|
||
|
color:#131313;
|
||
|
font-size:28rpx;
|
||
|
font-weight: 500;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.chat-item-end{
|
||
|
font-size: 28rpx;
|
||
|
font-weight: 400;
|
||
|
color: #ACB4B6;
|
||
|
line-height: 30rpx;
|
||
|
justify-content: center;
|
||
|
margin-top:8rpx;
|
||
|
}
|
||
|
}
|
||
|
}
|