116 lines
2.7 KiB
Plaintext
116 lines
2.7 KiB
Plaintext
/* pages/report/report.wxss */
|
|
.container{
|
|
padding-bottom: 100rpx;
|
|
}
|
|
.page-title{
|
|
font-size: 18px;
|
|
color: #333;
|
|
font-weight: 650;
|
|
text-align: center;
|
|
padding: 40rpx 0 12rpx;
|
|
}
|
|
.tips{
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #ccc;
|
|
}
|
|
.form{
|
|
display: block;
|
|
padding: 54rpx;
|
|
}
|
|
.item{
|
|
|
|
font-size: 14px;
|
|
color: #333;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
}
|
|
.item.active{
|
|
color: #333;
|
|
font-weight: 650;
|
|
}
|
|
.item:last-of-type{
|
|
border:none;
|
|
}
|
|
.textarea{
|
|
margin-top: 40rpx;
|
|
padding: 20rpx 14rpx;
|
|
display: block;
|
|
width: 100%;
|
|
height: 200rpx;
|
|
border: 1px solid #e4e4e4;
|
|
border-radius: 10rpx;
|
|
font-size: 14px;
|
|
box-sizing: border-box;
|
|
color: #333;
|
|
font-weight: normal;
|
|
}
|
|
.placeholder{
|
|
color: #999
|
|
}
|
|
.submit{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 80rpx auto 0;
|
|
width: 200px;
|
|
height: 50px;
|
|
background: inherit;
|
|
background-color: #C63E3A;
|
|
border: none;
|
|
border-radius: 75px;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';
|
|
font-weight: 650;
|
|
font-style: normal;
|
|
font-size: 20px;
|
|
color: #FFFFFF;
|
|
}
|
|
.content{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 40rpx 0;
|
|
}
|
|
.checkbox{
|
|
display: inline-flex;
|
|
width: 28rpx;
|
|
height: 28rpx;
|
|
border:1px solid #ccc;
|
|
border-radius: 4rpx;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.active .checkbox{
|
|
border-color: #C63E3A
|
|
}
|
|
.active .checkbox::after{
|
|
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 2rpx;
|
|
top: -4rpx;
|
|
height: 30rpx;
|
|
width: 30rpx;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACPklEQVRYR+2Wv4sTURDHv7MrFjYWFhYWgliIWlgId7ub1VdYXGFxxb78LbY2Iv4B/hExiggigugme/sjoIcIKoKIICKICHIIIrdvZM93ubvsbvYll+SaSxXIzHw+mbczbwkH/KED5uNQYGEdyHz/PJO6zcRnAL7p9tJ7xfEvRKCAKyvvgHFh+MwRtwuJuQtUwrctiNtzFRgLB8DgV3MTaIJvNYE5nIuAERx4f8QmOXMBIzjhw6bK21eiwZuZChjBgY9sQXph8nrPGCZXHQmmOwzENtu3lqPo3SRr2hD+iVhJJ8rWh4NQfNHwzs6M4q2l7LaphCH8s22RXArjl7v/GJXgO2pGEiZwBr4opaS/lg1Gu0qJ77wAkahsN43vhAkcwFcmSK+XpFUMSny3A4KsPe8aCUP4N33mcV19ioV7kRSKi+GcqYQh/LtNFCz14mjcw7w1hrFwL2mJs00Sxe+li2UkiYEf+szDpkka7oGB8C7nOXdBOD1O4v8K3XWrlYN/MiC9fvK8CV66jjPhLSvFXQCnTJIrYn6RZQVOuPbMNL+0CTPhtbTESdMiOm4DzNKN0qeT5FWu4lS0BCtVdOKESTEC/S4myenFT0zi9yyiuoRUtK5BqS4DxxuK/mFG4EXJ40nhpWdgtEAinBXkdB+EYzXF/yqQbPXjR9PAGwWKgEQ417XE0RHIpj7zh9PCjQS0xKqWsDSMCRQ4/fjBfuDGAkVgLNwAim8QYwMW7m6/Vi9MYL+guvyZvhFNI3ko8A+L4Ro3ZjXJkgAAAABJRU5ErkJggg==) no-repeat;
|
|
background-size: 100% 100%;
|
|
z-index: 10;
|
|
}
|
|
.active .checkbox::before{
|
|
content: "";
|
|
background: #fff;
|
|
width: 5px;
|
|
height: 16rpx;
|
|
position: absolute;
|
|
right: -2px;
|
|
top: 0rpx;
|
|
z-index: 9;
|
|
display: block;
|
|
|
|
|
|
}
|
|
.issubmit{
|
|
opacity: 0.5
|
|
} |