yhb/pages/chat-list/view/chat-item.wxss

@import "chat-item-head.wxss";
.m_container{position:relative;}
.chat-item-styleon{
    width:750rpx;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 20;
    background:#FFF;
    transition: all 0.4s;
  transform: translateX(-148rpx);
  }
.chat-item-style{
    width:750rpx;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 20;
    background:#FFF;
    transition: all 0.4s;

   
   
   
}
.chat-item-content-super-style{
    display: flex;
    flex-direction: column;
    width: 50%;
}

.chat-item-name-style{
    color: #666666;
    font-size: 32rpx;
    margin-bottom: 14rpx;
}
.chat-item-content-style{
    min-height: 20rpx;
    width: 100%;
    color: #666666;
    font-size: 26rpx;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.chat-item-status-super-style{
    position: absolute;
    right: 34rpx;
    top: 35rpx;
    display:flex;
    flex-direction: column;
    align-items:flex-end;
}
.chat-item-time-style{
    color: #999999;
    font-size: 20rpx;
    margin-bottom: 20rpx;
    text-align: right;
}

.delete{position:absolute;top:0;right:0;z-index:10;width:148rpx;height:148rpx;text-align:center;line-height:148rpx;background:#FF4500;font-size:32rpx;color:#FFF;}