mrr.sj.front/unpackage/dist/dev/mp-weixin/pages/complaint/detail.wxss

102 lines
1.6 KiB
Plaintext

.state {
height: 60rpx;
line-height: 60rpx;
background-color: #E8101E;
padding: 0 24rpx;
}
.state-text {
font-size: 28rpx;
color: rgba(255, 255, 255, 0.9);
}
.container {
margin: 24rpx;
padding: 24rpx 24rpx 0;
background-color: #fff;
border-radius: 16rpx;
}
.way {
font-size: 28rpx;
color: #333;
}
.date,.reason {
font-size: 24rpx;
color: #999;
}
.box {
margin-bottom: 8rpx;
}
.contact {
border-top: 2rpx solid #eee;
}
.contact-item {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
height: 60rpx;
}
.contact-lable {
font-size: 24rpx;
color: #999;
}
.contact-text {
font-size: 24rpx;
color: #333;
}
.result {
background-color: #eee;
border-radius: 10rpx;
padding: 18rpx;
}
.result-date {
font-size: 24rpx;
color: #333;
}
.result-cont {
font-size: 28rpx;
color: #333;
}
.handle-btns {
height: 102rpx;
background-color: #fff;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
padding: 0 24rpx;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
.handle-btn {
width: 140rpx;
height: 56rpx;
line-height: 56rpx;
text-align: center;
border: 2rpx solid #eee;
border-radius: 28rpx;
margin-left: 20rpx;
}
.handle-text {
font-size: 28rpx;
color: #333;
}
.images {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
padding-bottom: 24rpx;
border-bottom: 2rpx solid #eee;
}
.img {
width: 198rpx;
height: 198rpx;
background-color: #eee;
border-radius: 20rpx;
}