zj-teach/pages/complaintDetail/complaintDetail.wxss

/* pages/complaintDetail/complaintDetail.wxss */

/* 设置背景 */
page{
    padding: 20rpx;
    background-color: #E2F0D9;
}

/* 设置建议号、处理人的格式 */
.complaintNumWrapper,
.handleComplaint{
    display: flex;
    margin-top: 20rpx;
    font-size: 28rpx;
}

/* 设置顶部标题宽度 */
.complaintHead,
.complaintHeadRight{
    display: flex;
    width: 45%;
}
/* ID和处理人昵称 */
.complaintHeadRight,
.complaintHeadID{
    margin-left: 20rpx;
}
/* 处理人ID宽度 */
.complaintPerId{
    width: 120rpx;
}
/* 处理人ID和处理人昵称公共样式 */
.complaintPerNum,
.complaintNum{
    margin-left: 10rpx;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 处理人ID内容宽度 */
.complaintPerNum{
    width: calc(45vw - 130rpx);
}
/* 处理人昵称宽度 */
.complaintPerNickname{
    width: 160rpx;
}
/* 处理人昵称内容宽度 */
.complaintNum{
    width: calc(45vw - 160rpx);
}

/* 建议标题和时间 */
.complaintTitleWrapper{
    margin-top: 50rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* 单独设置标题 */
.complaintTtile{
    font-weight: bold;
}
/* 单独设置建议时间 */
.complaintTime{
    font-size: 26rpx;
    color: #A6A6A6;
}

/* 建议内容 */
.complaintContentWrapper{
    margin-top: 40rpx;
    display: flex;
    flex-direction: column;
    height: 800rpx;
}
/* 处理结果 */
.handleResult{
    margin-top: 30rpx;
}
/* 处理时间 */
.handleTime{
    font-weight: bold;
}
/* 处理状态 */
.handleStatus{
    margin: 60rpx 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold;
    color: red;
}