zj-teach/pages/manageSuggestDetail/manageSuggestDetail.wxss

/* pages/manageSuggestDetail/manageSuggestDetail.wxss */

/* 设置页面背景 */
page {
    height: 100%;
    background-color: #FFF2CC;
    padding: 20rpx;
}

.wrapper {
    position: relative;
    height: 100%;
}

/* 建议号、建议人、建议日期 */
.suggestHead {
    display: flex;
    margin-top: 10rpx;
    padding: 10rpx;
}

.suggestHeadDetail,
.suggestHeadDetailID {
    margin-left: 20rpx;
    font-weight: bold;
}

/* 建议人和处理人ID */
.suggestHeadDetailID {
    color: #00B0F0;
    text-decoration: underline;
}

/* 建议标题 */
.suggestTitle,
.suggestContent {
    margin-top: 40rpx;
    display: flex;
}

/* 建议标题内容 */
.suggestTitleDetail {
    display: block;
    width: 70%;
    height: 120rpx;
    margin-left: 20rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* 建议内容 */
.suggestContentDetail {
    display: block;
    width: 70%;
    height: 200rpx;
    margin-left: 20rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

/* 处理结果 */
.handleResult {
    margin-top: 60rpx;
    display: flex;
}

/* 处理结果详情 */
.handleResultDetail {
    display: block;
    width: 70%;
    height: 80rpx;
    margin-left: 20rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 结案日期、处理状态 */
.handleDate,
.handleStatus {
    display: flex;
    margin-top: 40rpx;
}

/* 结案日期详情、状态详情 */
.DateDetail,
.handleStatusDetail {
    margin-left: 20rpx;
    font-weight: bold;
}

/* 状态详情颜色 */
.handleStatusDetail {
    color: red;
}

/* 开始处理按钮 */
.handleStart {
    position: absolute;
    bottom: 160rpx;
    width: 200rpx;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.handleBtn {
    padding: 10rpx 20rpx;
    border-radius: 30rpx;
    background-color: #8FAADC;
    color: white;
}