zhongping-miniprogram/miniprogram/pages/report/report.scss

213 lines
3.7 KiB
SCSS

/* pages/report/report.wxss */
page {
background: #F6F6F6;
}
// .report-page {
// box-sizing: border-box;
// padding: 20rpx 30rpx;
// }
// .logo {
// width: 208rpx;
// height: 37rpx;
// }
// .white-box {
// background: #FFFFFF;
// box-sizing: border-box;
// // padding: 35rpx;
// border-radius: 16rpx;
// margin-bottom: 20rpx;
// }
// .title-box {
// display: flex;
// justify-content: space-between;
// align-items: center;
// // margin-bottom: 46rpx;
// // border-bottom: 2rpx dashed #F3F5F8;
// padding: 35rpx;
// .title {
// display: flex;
// align-items: center;
// font-size: 32rpx;
// font-family: PingFang SC;
// font-weight: bold;
// color: #282828;
// image {
// width: 40rpx;
// height: 40rpx;
// margin-right: 18rpx;
// }
// .detail {
// color: #838383;
// font-size: 26rpx;
// image {
// margin-left: 13rpx;
// }
// }
// }
// image {
// width: 14rpx;
// height: 25rpx;
// }
// }
// .time {
// font-size: 26rpx;
// font-family: PingFang SC;
// font-weight: 500;
// color: #838383;
// margin-bottom: 32rpx;
// padding: 0 35rpx 0 35rpx;
// }
// .operation {
// display: flex;
// justify-content: flex-end;
// padding-right: 36rpx;
// padding-bottom: 37rpx;
// }
// .remark {
// display: flex;
// font-size: 26rpx;
// font-family: PingFang SC;
// font-weight: 500;
// color: #838383;
// padding: 0 35rpx 35rpx 35rpx;
// text {
// flex-shrink: 0;
// }
// }
// .btn-box {
// position: fixed;
// width: 100%;
// left: 0;
// bottom: 40rpx;
// display: flex;
// justify-content: center;
// }
// .btn-fill {
// height: 120rpx;
// }
.report-page {
background: #F6F6F6;
padding-top: 88rpx;
.pageTitle {
font-size: 40rpx;
font-family: PingFang SC;
font-weight: bold;
color: #0D0D0D;
position: relative;
left: -80px;
}
.tip {
background: #FFEBEB;
height: 88rpx;
display: flex;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FF614C;
display: flex;
align-items: center;
padding: 0 0 0 30rpx;
position: fixed;
top: 88px;
width: 100%;
}
.reportList {
padding: 0 30rpx;
margin-top: 20rpx;
.reportItem {
background: #FFFFFF;
border-radius: 16px;
padding: 30rpx;
margin-bottom: 20rpx;
.top {
display: flex;
justify-content: space-between;
margin-bottom: 20rpx;
.title {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #282828;
}
.btn_checked {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FF8562;
width: 101rpx;
height: 40rpx;
background: #FFF1ED;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
}
}
.middle {
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #838383;
margin-top: 20rpx;
.mItem {
display: flex;
margin-top: 20rpx;
.label {
// flex: 1;
}
.text {
flex: 1;
}
}
}
.bottom {
display: flex;
justify-content: flex-end;
margin-top: 30rpx;
}
}
}
.bottomTip {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #838383;
padding: 0 86rpx;
text-align: center;
margin-top: 36rpx;
padding-bottom: 40rpx;
text {
color: #4D8DFF;
}
}
}