老系统对接
This commit is contained in:
129
webapp/css/newCss/option.css
Normal file
129
webapp/css/newCss/option.css
Normal file
@ -0,0 +1,129 @@
|
||||
@charset "utf-8";
|
||||
.optionDialog {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0,1,23,0.7);
|
||||
}
|
||||
.dialog_con {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
padding-top: 2rem;
|
||||
background: #ffffff;
|
||||
position:fixed;
|
||||
top:50%;
|
||||
left:50%;
|
||||
transform:translateX(-50%) translateY(-50%);
|
||||
border-radius: 10px;
|
||||
}
|
||||
.dialogList {
|
||||
margin: 0 0.4rem 0.5rem;
|
||||
max-height: 20rem;
|
||||
overflow-y:auto ;
|
||||
}
|
||||
.carType_list {
|
||||
padding: 0.8rem 1.2rem;
|
||||
font-size: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
.check-item {
|
||||
width: 1.11rem;
|
||||
height: 1.11rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
float: right;
|
||||
}
|
||||
.check-item-bg,.check-item-bg2 {
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
.dialog input[type='radio'] {
|
||||
float: right;
|
||||
width: 1.11rem;
|
||||
height: 1.11rem;
|
||||
opacity: 0;
|
||||
}
|
||||
.check-item-bg {
|
||||
background-image: url(../../images/newImage/radio1.png);
|
||||
}
|
||||
.check-item-bg2 {
|
||||
background-image: url(../../images/newImage/radio2.png);
|
||||
}
|
||||
.dialogTitle {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
padding: 0.8rem 0 0.8rem 1.5rem;
|
||||
color: #575765;
|
||||
}
|
||||
.dialogList label {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.dialogList label:not(:last-child):after {
|
||||
height: 1px;
|
||||
content: '';
|
||||
width: 100%;
|
||||
border-top: 1px solid #eaeaea;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
right: 0;
|
||||
transform: scaleY(0.5);
|
||||
-webkit-transform: scaleY(0.5);
|
||||
}
|
||||
.buttonWrap {
|
||||
background: #f0f0f1;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
height: 2.24rem;
|
||||
padding: 0.78rem 0;
|
||||
}
|
||||
.buttonWrap a{
|
||||
float: left;
|
||||
display: block;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
height: 2.24rem;
|
||||
line-height: 2.24rem;
|
||||
position: relative;
|
||||
}
|
||||
.cancelBtn {
|
||||
color: #757679;
|
||||
}
|
||||
.confirmBtn {
|
||||
color: #1589f9;
|
||||
}
|
||||
.confirmBtn:after {
|
||||
width: 1px;
|
||||
content: '';
|
||||
height: 100%;
|
||||
border-left: 1px solid #b9b8b8;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -1px;
|
||||
transform: scaleX(0.5);
|
||||
-webkit-transform: scaleX(0.5);
|
||||
}
|
||||
.carType_listDiv {
|
||||
padding: 0.5rem 1.2rem;
|
||||
display:flex;
|
||||
}
|
||||
.carType_listDiv label {
|
||||
margin-right: 1rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
.carType_listDivInput {
|
||||
flex: 1;
|
||||
font-size: 1rem;
|
||||
padding: 0.5rem 0.2rem;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.mb2 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.mt1 {
|
||||
margin-top: 1rem;
|
||||
}
|
Reference in New Issue
Block a user