220 lines
6.8 KiB
SCSS
220 lines
6.8 KiB
SCSS
|
|
.apply_after_sales_main{
|
|
.apply_after_sales_head{
|
|
font-size: 30px;
|
|
text-align: center;
|
|
padding: 20px 0;
|
|
font-weight: 700;
|
|
}
|
|
.kind_number{
|
|
width: 100%;
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
border-bottom: 1PX solid #f3f3f3;
|
|
text{
|
|
background-color: #F6F6F6;
|
|
border-radius: 10px;
|
|
font-size: $font_size_medium;
|
|
padding: 5px 0;
|
|
text-align: center;
|
|
width: 100%;
|
|
display: block;
|
|
color: $color_font_three;
|
|
}
|
|
}
|
|
.apply_after_sales_con{
|
|
.scroll{
|
|
height: calc(100% - 170px);
|
|
}
|
|
.scroll_con{
|
|
padding: 20px 0 150px 0;
|
|
}
|
|
.returnSaleInput{
|
|
margin: 0 20px;
|
|
padding-top: 30px;
|
|
border-top: 1px solid #F6F6F6;
|
|
.returnSaleInput_item{
|
|
display: flex;
|
|
align-items: center;
|
|
padding-bottom: 20px;
|
|
flex-wrap: wrap;
|
|
.title{
|
|
font-size: $font_size;
|
|
font-weight: 700;
|
|
width: 119px;
|
|
}
|
|
.select{
|
|
flex:1;
|
|
height: 60px;
|
|
border: 2px solid #e6e6e6;
|
|
border-radius: 10px;
|
|
margin-left: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 20px;
|
|
font-size: 26px;
|
|
color: $color_font_two;
|
|
.miconfont{
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
.uploadImg{
|
|
width: 202px;
|
|
height: 150px;
|
|
background: #f0f0f0;
|
|
border: 2px dashed #cccccc;
|
|
margin-left: 20px;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
.miconfont{
|
|
font-size: 50px;
|
|
}
|
|
.uploadText{
|
|
font-size: 26px;
|
|
color: $color_font_three;
|
|
}
|
|
|
|
|
|
}
|
|
.ImgItem{
|
|
width: 202px;
|
|
height: 150px;
|
|
background: #f0f0f0;
|
|
margin-left: 20px;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
border-radius: 10px;
|
|
image{
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 10px;
|
|
}
|
|
.miconfont_close{
|
|
width: 30px;
|
|
height: 30px;
|
|
background-color: #ccc;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
right: -10px;
|
|
top: -10px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.apply_after_sales_list{
|
|
padding: 0 20px;
|
|
.apply_after_sales_item{
|
|
margin-bottom: 30px;
|
|
.apply_after_sales_title{
|
|
display: flex;
|
|
align-items: center;
|
|
.tag{
|
|
font-size: $font_size_min;
|
|
background-color: #CDE5FF;
|
|
padding: 5px 10px;
|
|
border-radius: 6px;
|
|
color: $color_main;
|
|
}
|
|
.title{
|
|
font-weight: 700;
|
|
font-size: $font_size;
|
|
margin-left: 20px;
|
|
flex:1;
|
|
}
|
|
}
|
|
.color_list {
|
|
.color_item{
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 20px 0;
|
|
}
|
|
.image{
|
|
width: 70px;
|
|
height: 70px;
|
|
image{
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.name_and_number{
|
|
padding-left: 30px;
|
|
flex:1;
|
|
text{
|
|
&:nth-child(1) {
|
|
font-weight: 700;
|
|
font-size: $font_size;
|
|
}
|
|
&:nth-child(2) {
|
|
color: $color_font_two;
|
|
font-size: $font_size;
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
}
|
|
.btn_count{
|
|
width: 235px;
|
|
height: 64px;
|
|
background-color: #ECF5FF;
|
|
border-radius: 40px 0px 16px 0px;
|
|
padding: 0 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.btns_con{
|
|
width: 100%;
|
|
position: fixed;
|
|
bottom:0;
|
|
padding: 0 20px;
|
|
box-sizing: border-box;
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
.btns_two{
|
|
display: flex;
|
|
height: 82px;
|
|
// border: 1PX solid #007aff;
|
|
font-size: $font_size_big;
|
|
border-radius: 40px;
|
|
margin-bottom: 20px;
|
|
.rest_btn{
|
|
flex:1;
|
|
border: 1PX solid #007aff;
|
|
border-radius: 40px 0 0 40px;
|
|
text-align: center;
|
|
line-height: 82px;
|
|
color: $color_main;
|
|
background-color: #fff;
|
|
|
|
}
|
|
.verify_btn{
|
|
flex:1;
|
|
border-radius: 0 40px 40px 0;
|
|
background: #007aff;
|
|
text-align: center;
|
|
line-height: 82px;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|