zj-teach/pages/sendInvitationList/sendInvitationList.wxss

/* pages/sendInvitationList/sendInvitationList.wxss */

page{
    padding: 20rpx;
    height: 100%;
    background-color: #E2F0D9;
}

/* 顶部对方已读和未读按钮 */
.read{
    display: flex;
    justify-content: space-around;
}
.readDetail{
    /* border: 1rpx solid gray; */
    padding: 10rpx 20rpx;
    border-radius: 30rpx;
    background-color: #FFF2CC;
    font-weight: bold;
}

/* 列表样式 */
.invitationWrapper{
    width: 93%;
    padding: 10rpx;
    margin-top: 20rpx;
    border-radius: 20rpx;
    background-color: #FFF2CC;
}

/* 邀请号和对方身份、邀请日期和对方状态 */
.invitationTitle,
.invitationDateAndStatus{
    display: flex;
    position: relative;
}

/* 对方身份 */
.other{
    position: absolute;
    left: 60%;
}
/* 具体内容的样式 */
.invitatinDetail,
.invitatinStatus{
    margin-left: 20rpx;
    font-weight: bold;
}
/* 对方阅读状态详情 */
.invitatinStatus{
    color: red;
}
/* 邀请内容、邀请日期和对方状态 */
.invitationContent,
.invitationDateAndStatus{
    margin-top: 10rpx;
}