light-application/light-application-wx/pages/fault-list/fault-list.wxss

/* pages/fault-list/fault-list.wxss */

page {
    background-color: #F0F4F7;
}

.addBtn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15rpx;
    margin-right: 30rpx;
}

.addBtn text {
    border: solid 1rpx #999999;
    padding: 15rpx 25rpx;
    text-align: center;
    border-radius: 30rpx;
    font-size: 24rpx;
    color: #666666;
}

.list {
    margin-top: 15rpx;
}

.item {
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-radius: 20rpx;
    margin-bottom: 18rpx;
    padding: 30rpx;
    margin: 15rpx 30rpx;
}

.item-title {
    line-height: 60rpx;
    border-bottom: solid 1rpx #EBE8E3;
    padding-bottom: 15rpx;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 95%;
}

.item-row {
    margin-top: 12rpx;
    margin-bottom: 12rpx;
    font-size: 30rpx;
    display: flex;
    align-items: center;
}

.item-row label {
    color: #999999;
}

.item-row text {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 75%;
}

.item-status {
    position: absolute;
    right: 60rpx;
    margin-top: -54rpx;
}