zj-teach/pages/complaintList/complaintList.wxss

/* pages/complaintList/complaintList.wxss */

/* 页面背景 */
page{
    /* height: 100%; */
    /* height: auto !important; */
    background-color: #E2F0D9;
}

/* 建议列表区 */
.complaintContainer{
    height: 100%;
    padding-bottom: 120rpx;
}

/* 单条建议的背景 */
.complaint{
    display: flex;
    padding: 20rpx;
    margin: 20rpx 10rpx;
    height: 140rpx;
    border-radius: 30rpx;
    background-color: #FFF2CC;
}

/* 单条建议左侧标题和内容摘要 */
.complain{
    width: 75%;
}

/* 标题和内容摘要布局 */
.complaintHead,
.complaintBody{
    display: flex;
}

/* 摘要 */
.complaintBody{
    margin-top: 10rpx;
}

/* 标题详情和内容详情左边距 */
.complaintTitle,
.complaintContent{
    margin-left: 20rpx;
    width: 65%;
}

/* 标题内容详情 */
.complaintTitle{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 内容摘要详情 */
.complaintContent{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 处理状态 */
.dispose{
    font-weight: bold;
    color: red;
    margin-left: 30rpx;
}

/* 写建议按钮 */
.toWriteComplaint{
    display: flex;
    position: relative;
    justify-content: center;
}
.writeComplaint{
    text-align: center;    
    position: fixed;
    bottom: 0rpx;
    width: 100%;
    height: 120rpx;
    line-height: 120rpx;
    background-color: #E2F0D9;
}
.writeComplaint text{
    background-color: #8FAADC;
    font-size: 36rpx;
    color: white;
    border-radius: 30rpx;
    padding: 10rpx 20rpx;
}