✨ feat(ID1000857): 【陆盈面料商城】体验优化补充：点击“转出“”弹窗提示“若需提现，请联系业务经理进行转出”
【【陆盈面料商城】体验优化补充：点击“转出“”弹窗提示“若需提现，请联系业务经理进行转出”】 https://www.tapd.cn/53459131/prong/stories/view/1153459131001000857
This commit is contained in:
xuan
parent
f91e014db5
commit
a9f9f5f0c6
@ -1,45 +1,46 @@
|
|||||||
.address-scroll-view{
|
.address-scroll-view {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
scroll-view{
|
scroll-view {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.address-scroll-view-content{
|
.address-scroll-view-content {
|
||||||
padding-bottom: 300px;
|
padding-bottom: 300px;
|
||||||
}
|
}
|
||||||
.address-list{
|
.address-list {
|
||||||
width: 704px;
|
width: 704px;
|
||||||
height: 156px;
|
height: 156px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
box-shadow: 2px 4px 12px 0px rgba(0,0,0,0.16);
|
box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.16);
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 18px auto 0;
|
margin: 18px auto 0;
|
||||||
border: 1px solid #ffffff;
|
border: 1px solid #ffffff;
|
||||||
border: 1px solid rgba(0,0,0,0.16);
|
border: 1px solid rgba(0, 0, 0, 0.16);
|
||||||
}
|
}
|
||||||
.address-active{
|
.address-active {
|
||||||
border: 1px solid #68b4ff;
|
border: 1px solid #68b4ff;
|
||||||
box-shadow: 0px 0px 10px 0px rgba(0,122,255,0.27);
|
box-shadow: 0px 0px 10px 0px rgba(0, 122, 255, 0.27);
|
||||||
}
|
}
|
||||||
.address-list:first-child{
|
.address-list:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.address-list-last{
|
.address-list-last {
|
||||||
margin-bottom: 300px;
|
margin-bottom: 300px;
|
||||||
}
|
}
|
||||||
.address-user{
|
.address-user {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.address-list-default{
|
.address-list-default {
|
||||||
width: 58px;
|
width: 58px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
background: #cde5ff;
|
background: #cde5ff;
|
||||||
@ -47,52 +48,57 @@
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
|
|
||||||
}
|
}
|
||||||
.address-list-phone{
|
.address-list-phone {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
.address-edit{
|
.address-edit {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
.address-edit .icon-bianji{
|
.address-edit .icon-bianji {
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address-list-info{
|
.address-list-info {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #3c3c3c;
|
color: #3c3c3c;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.address-list-info view{
|
.address-list-info view {
|
||||||
max-width: 60%;
|
max-width: 60%;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;white-space: nowrap;
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.address-list-bottom{
|
.address-list-bottom {
|
||||||
display: flex;justify-content: space-between;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
}
|
}
|
||||||
.add-address{
|
.add-address {
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
position: absolute;bottom: 100px;left: 50%;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 100px;
|
||||||
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
.address-no-data{
|
.address-no-data {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@ -1,92 +1,100 @@
|
|||||||
.form-list{
|
.form-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin: 30px 30px 0;
|
margin: 30px 30px 0;
|
||||||
|
|
||||||
.form-list-label{
|
.form-list-label {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
.form-list-label-required::before{
|
.form-list-label-required::before {
|
||||||
content: "*";
|
content: '*';
|
||||||
color: #FF0000;
|
color: #ff0000;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
.form-list-right{
|
.form-list-right {
|
||||||
width: 506px;
|
width: 506px;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
.form-list-right-meet{
|
.form-list-right-meet {
|
||||||
background: #f6f6f6;
|
background: #f6f6f6;
|
||||||
width: 506px;
|
width: 506px;
|
||||||
min-height: 80px;
|
min-height: 80px;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
display: flex;justify-content: space-between;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.form-list-input{
|
.form-list-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.form-list-input view{
|
.form-list-input view {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.form-list-input text{
|
.form-list-input text {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
min-width: 30px;
|
min-width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
background: rgba(0,0,0,0.3);
|
background: rgba(0, 0, 0, 0.3);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.form-list-right input,.form-list-right textarea{
|
.form-list-right input,
|
||||||
|
.form-list-right textarea {
|
||||||
// flex: 0 0 auto;
|
// flex: 0 0 auto;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.form-list-right textarea{
|
.form-list-right textarea {
|
||||||
height: 186px;
|
height: 186px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
.form-list-right .phcolor{
|
.form-list-right .phcolor {
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
.form-list-right-placeholder{
|
.form-list-right-placeholder {
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
.form-list-right-enter .icon-a-moreback{
|
.form-list-right-enter .icon-a-moreback {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
.add-address-default{
|
.add-address-default {
|
||||||
display: flex;align-items: center;justify-content: space-between;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
margin: 70px 30px 0;
|
margin: 70px 30px 0;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-address-save{
|
.add-address-save {
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
margin: 620px auto 0;
|
margin: 620px auto 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,97 +1,108 @@
|
|||||||
.From-list-certification{
|
.From-list-certification {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin: 0 30px;
|
margin: 0 30px;
|
||||||
border-bottom: 1px solid #F0F0F0;
|
border-bottom: 1px solid #f0f0f0;
|
||||||
padding: 15px 0;
|
padding: 15px 0;
|
||||||
|
|
||||||
.From-list-certification-label{
|
.From-list-certification-label {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
border-right: 1px solid #F0F0F0;
|
border-right: 1px solid #f0f0f0;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.From-list-certification-label-required::before{
|
.From-list-certification-label-required::before {
|
||||||
content: "*";
|
content: '*';
|
||||||
color: #FF0000;
|
color: #ff0000;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
.From-list-certification-right{
|
.From-list-certification-right {
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
.From-list-certification-right-meet{
|
.From-list-certification-right-meet {
|
||||||
min-height: 45px;
|
min-height: 45px;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
display: flex;justify-content: space-between;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.From-list-certification-input{
|
.From-list-certification-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.From-list-certification-input view{
|
.From-list-certification-input view {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.From-list-certification-input text{
|
.From-list-certification-input text {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
min-width: 30px;
|
min-width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
background: rgba(0,0,0,0.3);
|
background: rgba(0, 0, 0, 0.3);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.From-list-certification-right input,.From-list-certification-right textarea{
|
.From-list-certification-right input,
|
||||||
|
.From-list-certification-right textarea {
|
||||||
// flex: 0 0 auto;
|
// flex: 0 0 auto;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.From-list-certification-right textarea{
|
.From-list-certification-right textarea {
|
||||||
height: 186px;
|
height: 186px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
.From-list-certification-right .phcolor{
|
.From-list-certification-right .phcolor {
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
.From-list-certification-right-placeholder{
|
.From-list-certification-right-placeholder {
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.From-list-certification-right-enter .icon-a-moreback{
|
.From-list-certification-right-enter .icon-a-moreback {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
.add-address-default{
|
.add-address-default {
|
||||||
display: flex;align-items: center;justify-content: space-between;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
margin: 70px 30px 0;
|
margin: 70px 30px 0;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-address-save{
|
.add-address-save {
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
margin: 620px auto 0;
|
margin: 620px auto 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -20,7 +20,7 @@
|
|||||||
}
|
}
|
||||||
.miconfont {
|
.miconfont {
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
.text {
|
.text {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
height: 46px;
|
height: 46px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 43px;
|
line-height: 43px;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
.input {
|
.input {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -1,126 +1,124 @@
|
|||||||
.popup_main{
|
.popup_main {
|
||||||
width: 608px;
|
width: 608px;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.popup_title{
|
.popup_title {
|
||||||
font-size: $font_size;
|
font-size: $font_size;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.scroll {
|
||||||
|
flex: 1;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.popup_filter {
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
|
.popup_filter_item {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.title {
|
||||||
|
font-size: $font_size;
|
||||||
|
color: $color_font_one;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.btn_list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 165.75px);
|
||||||
|
justify-content: space-between;
|
||||||
|
.btn_item {
|
||||||
|
height: 69.2px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 34px;
|
||||||
|
line-height: 69.2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 20px 0;
|
font-size: $font_size_medium;
|
||||||
}
|
color: $color_font_one;
|
||||||
.scroll{
|
|
||||||
flex:1;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.popup_filter{
|
|
||||||
padding-bottom: 100px;
|
|
||||||
}
|
|
||||||
.popup_filter_item{
|
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
.title{
|
@include common_ellipsis();
|
||||||
font-size: $font_size;
|
}
|
||||||
color: $color_font_one;
|
.select_btn_item {
|
||||||
font-weight: 700;
|
color: $color_main;
|
||||||
padding: 20px 0;
|
background: #ecf5ff;
|
||||||
}
|
border: 2px solid $color_main;
|
||||||
.btn_list{
|
box-sizing: border-box;
|
||||||
display: grid;
|
}
|
||||||
grid-template-columns: repeat(3, 165.75px);
|
|
||||||
justify-content: space-between;
|
|
||||||
.btn_item{
|
|
||||||
height: 69.2px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 34px;
|
|
||||||
line-height: 69.2px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_font_one;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
@include common_ellipsis();
|
|
||||||
}
|
|
||||||
.select_btn_item{
|
|
||||||
color: $color_main;
|
|
||||||
background: #ecf5ff;
|
|
||||||
border: 2px solid #007aff;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_input{
|
|
||||||
display: flex;
|
|
||||||
// justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.btn_width {
|
|
||||||
flex:1;
|
|
||||||
height: 70px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 50px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
input{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.unit{
|
|
||||||
color: $color_font_one;
|
|
||||||
font-size: $font_size;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
text{
|
|
||||||
color: #ccc;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
.width_main{
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_element{
|
|
||||||
background-color: #F0F0F0;
|
|
||||||
border-radius: 30px;
|
|
||||||
padding: 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
textarea{
|
|
||||||
width: 100%;
|
|
||||||
height: 126px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.btns_con{
|
.btn_list_input {
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.btn_width {
|
||||||
|
flex: 1;
|
||||||
|
height: 70px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 50px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.unit {
|
||||||
|
color: $color_font_one;
|
||||||
|
font-size: $font_size;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
text {
|
||||||
|
color: #ccc;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
.width_main {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn_list_element {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
height: 126px;
|
||||||
bottom:0;
|
font-size: $font_size_medium;
|
||||||
padding-bottom: constant(safe-area-inset-bottom);
|
}
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
.btns_two{
|
|
||||||
display: flex;
|
|
||||||
width: 552px;
|
|
||||||
height: 82px;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: $font_size_big;
|
|
||||||
border-radius: 40px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.rest_btn{
|
|
||||||
flex:1;
|
|
||||||
border-radius: 0px 40px 40px 0px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: $color_main;
|
|
||||||
|
|
||||||
}
|
|
||||||
.verify_btn{
|
|
||||||
flex:1;
|
|
||||||
border-radius: 0px 40px 40px 0px;
|
|
||||||
background: #007aff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns_con {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
padding-bottom: constant(safe-area-inset-bottom);
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
.btns_two {
|
||||||
|
display: flex;
|
||||||
|
width: 552px;
|
||||||
|
height: 82px;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: $font_size_big;
|
||||||
|
border-radius: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.rest_btn {
|
||||||
|
flex: 1;
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: $color_main;
|
||||||
|
}
|
||||||
|
.verify_btn {
|
||||||
|
flex: 1;
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
background: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,126 +1,124 @@
|
|||||||
.popup_main{
|
.popup_main {
|
||||||
width: 608px;
|
width: 608px;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.popup_title{
|
.popup_title {
|
||||||
font-size: $font_size;
|
font-size: $font_size;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.scroll {
|
||||||
|
flex: 1;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.popup_filter {
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
|
.popup_filter_item {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.title {
|
||||||
|
font-size: $font_size;
|
||||||
|
color: $color_font_one;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.btn_list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 165.75px);
|
||||||
|
justify-content: space-between;
|
||||||
|
.btn_item {
|
||||||
|
// width: 165.75px;
|
||||||
|
height: 69.2px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 34px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 20px 0;
|
line-height: 69.2px;
|
||||||
}
|
font-size: $font_size_medium;
|
||||||
.scroll{
|
color: $color_font_one;
|
||||||
flex:1;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.popup_filter{
|
|
||||||
padding-bottom: 100px;
|
|
||||||
}
|
|
||||||
.popup_filter_item{
|
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
.title{
|
}
|
||||||
font-size: $font_size;
|
.select_btn_item {
|
||||||
color: $color_font_one;
|
color: $color_main;
|
||||||
font-weight: 700;
|
background: #ecf5ff;
|
||||||
padding: 20px 0;
|
border: 2px solid $color_main;
|
||||||
}
|
width: 161.75px;
|
||||||
.btn_list{
|
height: 65.2px;
|
||||||
display: grid;
|
}
|
||||||
grid-template-columns: repeat(3, 165.75px);
|
|
||||||
justify-content: space-between;
|
|
||||||
.btn_item{
|
|
||||||
// width: 165.75px;
|
|
||||||
height: 69.2px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 34px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 69.2px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_font_one;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.select_btn_item{
|
|
||||||
color: $color_main;
|
|
||||||
background: #ecf5ff;
|
|
||||||
border: 2px solid #007aff;
|
|
||||||
width: 161.75px;
|
|
||||||
height: 65.2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_input{
|
|
||||||
display: flex;
|
|
||||||
// justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.btn_width {
|
|
||||||
width: 220px;
|
|
||||||
height: 70px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 50px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
input{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.unit{
|
|
||||||
color: $color_font_one;
|
|
||||||
font-size: $font_size;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
text{
|
|
||||||
color: #ccc;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
.width_main{
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_element{
|
|
||||||
background-color: #F0F0F0;
|
|
||||||
border-radius: 30px;
|
|
||||||
padding: 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
textarea{
|
|
||||||
width: 100%;
|
|
||||||
height: 126px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.btns_con{
|
.btn_list_input {
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.btn_width {
|
||||||
|
width: 220px;
|
||||||
|
height: 70px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 50px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.unit {
|
||||||
|
color: $color_font_one;
|
||||||
|
font-size: $font_size;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
text {
|
||||||
|
color: #ccc;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
.width_main {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn_list_element {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
height: 126px;
|
||||||
bottom:0;
|
font-size: $font_size_medium;
|
||||||
padding-bottom: constant(safe-area-inset-bottom);
|
}
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
.btns_two{
|
|
||||||
display: flex;
|
|
||||||
width: 552px;
|
|
||||||
height: 82px;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
font-size: $font_size_big;
|
|
||||||
border-radius: 40px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.rest_btn{
|
|
||||||
flex:1;
|
|
||||||
border-radius: 0px 40px 40px 0px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: $color_main;
|
|
||||||
|
|
||||||
}
|
|
||||||
.verify_btn{
|
|
||||||
flex:1;
|
|
||||||
border-radius: 0px 40px 40px 0px;
|
|
||||||
background: #007aff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns_con {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
padding-bottom: constant(safe-area-inset-bottom);
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
.btns_two {
|
||||||
|
display: flex;
|
||||||
|
width: 552px;
|
||||||
|
height: 82px;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
font-size: $font_size_big;
|
||||||
|
border-radius: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.rest_btn {
|
||||||
|
flex: 1;
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: $color_main;
|
||||||
|
}
|
||||||
|
.verify_btn {
|
||||||
|
flex: 1;
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
background: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -44,7 +44,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.sideBar_select_title_select {
|
.sideBar_select_title_select {
|
||||||
background-color: #007aff;
|
background-color: $color_main;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 0px 14px 14px 0px;
|
border-radius: 0px 14px 14px 0px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,37 +1,42 @@
|
|||||||
.add-address{
|
.add-address {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.add-address-default{
|
.add-address-default {
|
||||||
display: flex;align-items: center;justify-content: space-between;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
margin: 70px 30px 0;
|
margin: 70px 30px 0;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.add-address-default-active{
|
.add-address-default-active {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 45px;
|
font-size: 45px;
|
||||||
color: white;
|
color: white;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.add-address-default-active text{
|
.add-address-default-active text {
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
}
|
}
|
||||||
.add-address-default-noactive{
|
.add-address-default-noactive {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
border: 2px solid #707070;
|
border: 2px solid #707070;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-address-save{
|
.add-address-save {
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #68b4ff;
|
background: #68b4ff;
|
||||||
@ -39,9 +44,13 @@
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
// margin: 620px auto 0;
|
// margin: 620px auto 0;
|
||||||
position: fixed;left: 50%;bottom: 50px;
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 50px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,110 +1,105 @@
|
|||||||
|
.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: 30px;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
.selected {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.upload_image {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.apply_after_sales_main{
|
.btns_con {
|
||||||
.apply_after_sales_head{
|
width: 100%;
|
||||||
font-size: 30px;
|
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 $color_main;
|
||||||
|
font-size: $font_size_big;
|
||||||
|
border-radius: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.rest_btn {
|
||||||
|
flex: 1;
|
||||||
|
border: 1px solid $color_main;
|
||||||
|
border-radius: 40px 0 0 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 20px 0;
|
line-height: 82px;
|
||||||
font-weight: 700;
|
color: $color_main;
|
||||||
}
|
background-color: #fff;
|
||||||
.kind_number{
|
}
|
||||||
width: 100%;
|
.verify_btn {
|
||||||
padding: 20px;
|
flex: 1;
|
||||||
box-sizing: border-box;
|
border-radius: 0 40px 40px 0;
|
||||||
border-bottom: 1PX solid #f3f3f3;
|
background: $color_main;
|
||||||
text{
|
text-align: center;
|
||||||
background-color: #F6F6F6;
|
line-height: 82px;
|
||||||
border-radius: 10px;
|
color: #fff;
|
||||||
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: 30px;
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
.selected{
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.upload_image{
|
|
||||||
flex:1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
.certification{
|
.certification {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-color: #F0F0F0;
|
background-color: #f0f0f0;
|
||||||
padding-bottom: 300px;
|
padding-bottom: 300px;
|
||||||
.certification-content{
|
.certification-content {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding-bottom: 50px;
|
padding-bottom: 50px;
|
||||||
}
|
}
|
||||||
.certification-content:nth-of-type(3){
|
.certification-content:nth-of-type(3) {
|
||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
}
|
}
|
||||||
.certification-title{
|
.certification-title {
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
@ -19,75 +19,94 @@
|
|||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
// border-top: 18px solid #F0F0F0;
|
// border-top: 18px solid #F0F0F0;
|
||||||
}
|
}
|
||||||
.certification-upload{
|
.certification-upload {
|
||||||
width: 642px;
|
width: 642px;
|
||||||
height: 316px;
|
height: 316px;
|
||||||
border: 10px solid #cde5ff;
|
border: 10px solid #cde5ff;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #68b4ff;
|
color: #68b4ff;
|
||||||
background-color: #ECF5FF;
|
background-color: #ecf5ff;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 60px;
|
margin-top: 60px;
|
||||||
}
|
}
|
||||||
.certification-upload text{
|
.certification-upload text {
|
||||||
margin-bottom: 60px;
|
margin-bottom: 60px;
|
||||||
}
|
}
|
||||||
.certification-upload-no{
|
.certification-upload-no {
|
||||||
display: flex;flex-direction: column;align-items: center;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.certification-upload image{
|
.certification-upload image {
|
||||||
position: absolute;width: 100%;height: 100%;
|
position: absolute;
|
||||||
object-fit: cover;border-radius: 30px;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
border-radius: 30px;
|
||||||
}
|
}
|
||||||
.certification-upload-no-icon{
|
.certification-upload-no-icon {
|
||||||
width: 104px;
|
width: 104px;
|
||||||
height: 104px;
|
height: 104px;
|
||||||
background: #68b4ff;
|
background: #68b4ff;
|
||||||
box-shadow: 0px 0px 12px 0px #68b4ff;
|
box-shadow: 0px 0px 12px 0px #68b4ff;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.certification-upload-no-tips{
|
.certification-upload-no-tips {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.certification-button{
|
.certification-button {
|
||||||
position: absolute;bottom: -10px;left: -10px;right: -10px;
|
position: absolute;
|
||||||
background-color: rgba(0,0,0,0.65);
|
bottom: -10px;
|
||||||
|
left: -10px;
|
||||||
|
right: -10px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.65);
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 86px;
|
height: 86px;
|
||||||
border-radius: 0 0 30px 30px;
|
border-radius: 0 0 30px 30px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.certification-button view{
|
.certification-button view {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.certification-button view:first-child{
|
.certification-button view:first-child {
|
||||||
border-right: 1px solid #CCCCCC;
|
border-right: 1px solid #cccccc;
|
||||||
}
|
}
|
||||||
.certification-footer{
|
.certification-footer {
|
||||||
width: 750px;
|
width: 750px;
|
||||||
height: 174px;
|
height: 174px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
box-shadow: 6px 0px 12px 0px rgba(0,0,0,0.16);
|
box-shadow: 6px 0px 12px 0px rgba(0, 0, 0, 0.16);
|
||||||
position: fixed;bottom: 0;left: 0;right: 0;
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
.certification-footer-button{
|
.certification-footer-button {
|
||||||
width: 696px;
|
width: 696px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
@ -97,19 +116,24 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.certification-footer-button view,.certification-footer-button navigator{
|
.certification-footer-button view,
|
||||||
|
.certification-footer-button navigator {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
border: 0;border-radius: none;
|
border: 0;
|
||||||
|
border-radius: none;
|
||||||
}
|
}
|
||||||
.certification-footer-button navigator::after{
|
.certification-footer-button navigator::after {
|
||||||
border: 0;border-radius: none;
|
border: 0;
|
||||||
|
border-radius: none;
|
||||||
}
|
}
|
||||||
.certification-footer-button view:last-child{
|
.certification-footer-button view:last-child {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #007AFF;
|
background-color: $color_main;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,126 +1,124 @@
|
|||||||
.popup_main{
|
.popup_main {
|
||||||
width: 608px;
|
width: 608px;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.popup_title{
|
.popup_title {
|
||||||
font-size: $font_size;
|
font-size: $font_size;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.scroll {
|
||||||
|
flex: 1;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.popup_filter {
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
|
.popup_filter_item {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.title {
|
||||||
|
font-size: $font_size;
|
||||||
|
color: $color_font_one;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.btn_list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 165.75px);
|
||||||
|
justify-content: space-between;
|
||||||
|
.btn_item {
|
||||||
|
width: 165.75px;
|
||||||
|
height: 69.2px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 34px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 20px 0;
|
line-height: 69.2px;
|
||||||
}
|
font-size: $font_size_medium;
|
||||||
.scroll{
|
color: $color_font_one;
|
||||||
flex:1;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.popup_filter{
|
|
||||||
padding-bottom: 100px;
|
|
||||||
}
|
|
||||||
.popup_filter_item{
|
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
.title{
|
}
|
||||||
font-size: $font_size;
|
.select_btn_item {
|
||||||
color: $color_font_one;
|
color: $color_main;
|
||||||
font-weight: 700;
|
background: #ecf5ff;
|
||||||
padding: 20px 0;
|
border: 2px solid $color_main;
|
||||||
}
|
width: 161.75px;
|
||||||
.btn_list{
|
height: 65.2px;
|
||||||
display: grid;
|
}
|
||||||
grid-template-columns: repeat(3, 165.75px);
|
|
||||||
justify-content: space-between;
|
|
||||||
.btn_item{
|
|
||||||
width: 165.75px;
|
|
||||||
height: 69.2px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 34px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 69.2px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_font_one;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.select_btn_item{
|
|
||||||
color: $color_main;
|
|
||||||
background: #ecf5ff;
|
|
||||||
border: 2px solid #007aff;
|
|
||||||
width: 161.75px;
|
|
||||||
height: 65.2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_input{
|
|
||||||
display: flex;
|
|
||||||
// justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.btn_width {
|
|
||||||
width: 220px;
|
|
||||||
height: 70px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 50px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
input{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.unit{
|
|
||||||
color: $color_font_one;
|
|
||||||
font-size: $font_size;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
text{
|
|
||||||
color: #ccc;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
.width_main{
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_element{
|
|
||||||
background-color: #F0F0F0;
|
|
||||||
border-radius: 30px;
|
|
||||||
padding: 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
textarea{
|
|
||||||
width: 100%;
|
|
||||||
height: 126px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.btns_con{
|
.btn_list_input {
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.btn_width {
|
||||||
|
width: 220px;
|
||||||
|
height: 70px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 50px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.unit {
|
||||||
|
color: $color_font_one;
|
||||||
|
font-size: $font_size;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
text {
|
||||||
|
color: #ccc;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
.width_main {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn_list_element {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
height: 126px;
|
||||||
bottom:0;
|
font-size: $font_size_medium;
|
||||||
padding-bottom: constant(safe-area-inset-bottom);
|
}
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
.btns_two{
|
|
||||||
display: flex;
|
|
||||||
width: 552px;
|
|
||||||
height: 82px;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
font-size: $font_size_big;
|
|
||||||
border-radius: 40px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.rest_btn{
|
|
||||||
flex:1;
|
|
||||||
border-radius: 0px 40px 40px 0px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: $color_main;
|
|
||||||
|
|
||||||
}
|
|
||||||
.verify_btn{
|
|
||||||
flex:1;
|
|
||||||
border-radius: 0px 40px 40px 0px;
|
|
||||||
background: #007aff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns_con {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
padding-bottom: constant(safe-area-inset-bottom);
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
.btns_two {
|
||||||
|
display: flex;
|
||||||
|
width: 552px;
|
||||||
|
height: 82px;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
font-size: $font_size_big;
|
||||||
|
border-radius: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.rest_btn {
|
||||||
|
flex: 1;
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: $color_main;
|
||||||
|
}
|
||||||
|
.verify_btn {
|
||||||
|
flex: 1;
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
background: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -98,7 +98,7 @@
|
|||||||
.select_btn_item {
|
.select_btn_item {
|
||||||
color: $color_main;
|
color: $color_main;
|
||||||
background: #ecf5ff;
|
background: #ecf5ff;
|
||||||
border: 2px solid #007aff;
|
border: 2px solid $color_main;
|
||||||
width: 161.75px;
|
width: 161.75px;
|
||||||
height: 65.2px;
|
height: 65.2px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
}
|
}
|
||||||
.miconfont {
|
.miconfont {
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
.text {
|
.text {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|||||||
@ -25,8 +25,8 @@ page {
|
|||||||
}
|
}
|
||||||
.miconfont {
|
.miconfont {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
border: 1px solid #007aff;
|
border: 1px solid $color_main;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,23 +1,26 @@
|
|||||||
.company{
|
.company {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.save-button{
|
.save-button {
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
margin: 320px auto 0;
|
margin: 320px auto 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-radio{
|
.form-radio {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;align-items: center;
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.form-radio view{
|
.form-radio view {
|
||||||
height: 54px;
|
height: 54px;
|
||||||
background: #f0f0f0;
|
background: #f0f0f0;
|
||||||
border-radius: 28px;
|
border-radius: 28px;
|
||||||
@ -26,7 +29,9 @@
|
|||||||
color: #707070;
|
color: #707070;
|
||||||
padding: 10px 28px;
|
padding: 10px 28px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
border: 2px solid #f0f0f0;
|
border: 2px solid #f0f0f0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
@ -37,7 +42,7 @@
|
|||||||
-webkit-line-clamp: 1;
|
-webkit-line-clamp: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.form-radio .form-radio-active{
|
.form-radio .form-radio-active {
|
||||||
background: #ecf5ff;
|
background: #ecf5ff;
|
||||||
border: 2px solid #cde5ff;
|
border: 2px solid #cde5ff;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
.credit-line{
|
.credit-line {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background-color: #f3f3f3;
|
background-color: #f3f3f3;
|
||||||
canvas{
|
canvas {
|
||||||
width: 238px;
|
width: 238px;
|
||||||
height: 238px;
|
height: 238px;
|
||||||
}
|
}
|
||||||
.credit-line-card{
|
.credit-line-card {
|
||||||
width: 702px;
|
width: 702px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
@ -13,80 +13,86 @@
|
|||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.credit-line-card-top{
|
.credit-line-card-top {
|
||||||
display: flex;align-items: flex-end;
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
padding: 30px 20px;
|
padding: 30px 20px;
|
||||||
border-bottom: 1px solid #f6f6f6;
|
border-bottom: 1px solid #f6f6f6;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.credit-line-card-top-info{
|
.credit-line-card-top-info {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.credit-line-card-top-info-title{
|
.credit-line-card-top-info-title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
.credit-line-card-top-info-price{
|
.credit-line-card-top-info-price {
|
||||||
font-size: 44px;
|
font-size: 44px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
margin-bottom: 48px;
|
margin-bottom: 48px;
|
||||||
}
|
}
|
||||||
.credit-line-card-top-info-price text{
|
.credit-line-card-top-info-price text {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
.credit-line-card-top-info-date{
|
.credit-line-card-top-info-date {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
.credit-line-card-top-status{
|
.credit-line-card-top-status {
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
background: #ebfaea;
|
background: #ebfaea;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #07c160;
|
color: #07c160;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
border-top-right-radius: 20px;
|
border-top-right-radius: 20px;
|
||||||
border-bottom-left-radius: 20px;
|
border-bottom-left-radius: 20px;
|
||||||
position: absolute;right: 0;top: 30px;
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 30px;
|
||||||
}
|
}
|
||||||
.credit-line-card-bottom{
|
.credit-line-card-bottom {
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.credit-line-card-bottom-item-title{
|
.credit-line-card-bottom-item-title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;justify-content: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
}
|
}
|
||||||
.credit-line-card-bottom-item-title text{
|
.credit-line-card-bottom-item-title text {
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
color: #007AFF;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
.credit-line-card-bottom-item-title .miconfont{
|
.credit-line-card-bottom-item-title .miconfont {
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
}
|
}
|
||||||
.credit-line-card-bottom-item:nth-child(2) .credit-line-card-bottom-item-title text{
|
.credit-line-card-bottom-item:nth-child(2) .credit-line-card-bottom-item-title text {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
.credit-line-card-bottom-item-price{
|
.credit-line-card-bottom-item-price {
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
.credit-line-card-bottom-item-price text{
|
.credit-line-card-bottom-item-price text {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
146
src/pages/depositBeforehand/index.module.scss
Normal file
146
src/pages/depositBeforehand/index.module.scss
Normal file
@ -0,0 +1,146 @@
|
|||||||
|
.deposit-beforehand {
|
||||||
|
height: 100vh;
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
&-card {
|
||||||
|
width: 702px;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 20px;
|
||||||
|
margin: 30px auto;
|
||||||
|
padding: 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
&-balance {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
&-title {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
&-price {
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 70px;
|
||||||
|
}
|
||||||
|
&-button {
|
||||||
|
width: 276px;
|
||||||
|
height: 74px;
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 38px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-info-title {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
&-left {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
&-copy {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: $color_main;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-info-list {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 38px;
|
||||||
|
&-left {
|
||||||
|
width: 160px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #3c3c3c;
|
||||||
|
border-right: 1px solid #dddddd;
|
||||||
|
margin-right: 25px;
|
||||||
|
}
|
||||||
|
&-right {
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-particulars {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
&-left {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
&-right {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ababab;
|
||||||
|
}
|
||||||
|
&-right text {
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-dialog {
|
||||||
|
width: 75vw;
|
||||||
|
padding-top: 40px;
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column nowrap;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #fff;
|
||||||
|
&-title {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
&-content {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
&-bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
}
|
||||||
|
&-button {
|
||||||
|
height: 74px;
|
||||||
|
width: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #333;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
&-cancel {
|
||||||
|
border-right: 1px solid #eee;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
&-confirm {
|
||||||
|
color: $color_main;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,88 +0,0 @@
|
|||||||
.deposit-beforehand{
|
|
||||||
height: 100vh;
|
|
||||||
background-color: #f3f3f3;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
.deposit-beforehand-card{
|
|
||||||
width: 702px;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 20px;
|
|
||||||
margin: 30px auto;
|
|
||||||
padding: 30px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-balance{
|
|
||||||
display: flex;flex-direction: column;align-items: center;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-balance-title{
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #000000;
|
|
||||||
margin-bottom: 35px;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-balance-price{
|
|
||||||
font-size: 40px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #000000;
|
|
||||||
margin-bottom: 70px;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-balance-button{
|
|
||||||
width: 276px;
|
|
||||||
height: 74px;
|
|
||||||
background: #007aff;
|
|
||||||
border-radius: 38px;
|
|
||||||
display: flex;align-items: center;justify-content: center;
|
|
||||||
color: white;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.deposit-beforehand-info-title{
|
|
||||||
display: flex;justify-content: space-between;
|
|
||||||
margin-bottom: 50px;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-info-title-left{
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-info-title-copy{
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #007aff;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-info-list{
|
|
||||||
display: flex;align-items: center;
|
|
||||||
margin-bottom: 38px;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-info-list-left{
|
|
||||||
width: 160px;
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #3c3c3c;
|
|
||||||
border-right: 1px solid #dddddd;
|
|
||||||
margin-right: 25px;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-info-list-right{
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.deposit-beforehand-particulars{
|
|
||||||
display: flex;align-items: center;justify-content: space-between;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-particulars-left{
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-particulars-right{
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #ababab;
|
|
||||||
}
|
|
||||||
.deposit-beforehand-particulars-right text{
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,12 +1,16 @@
|
|||||||
|
|
||||||
import { Button, Canvas, Navigator, ScrollView, Text, View } from '@tarojs/components'
|
import { Button, Canvas, Navigator, ScrollView, Text, View } from '@tarojs/components'
|
||||||
import './index.scss'
|
import Taro, { setClipboardData } from '@tarojs/taro'
|
||||||
import { setClipboardData } from '@tarojs/taro'
|
import { useEffect, useState } from 'react'
|
||||||
import { useEffect } from 'react'
|
import classNames from 'classnames'
|
||||||
|
import styles from './index.module.scss'
|
||||||
import { depositInfoApi } from '@/api/deposit'
|
import { depositInfoApi } from '@/api/deposit'
|
||||||
import { formatPriceDiv, toDecimal2 } from '@/common/fotmat'
|
import { formatPriceDiv, toDecimal2 } from '@/common/fotmat'
|
||||||
import Message from '@/components/Message'
|
import Message from '@/components/Message'
|
||||||
import useLogin from '@/use/useLogin'
|
import useLogin from '@/use/useLogin'
|
||||||
|
import Dialog from '@/components/Dialog'
|
||||||
|
import { useSelector } from '@/reducers/hooks'
|
||||||
|
import { alert } from '@/common/common'
|
||||||
|
|
||||||
const DepositBeforehand = () => {
|
const DepositBeforehand = () => {
|
||||||
useLogin()
|
useLogin()
|
||||||
@ -22,46 +26,76 @@ const DepositBeforehand = () => {
|
|||||||
setClipboardData({ data: state.data?.transfer_remittance_account })
|
setClipboardData({ data: state.data?.transfer_remittance_account })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const [showModal, setShowModal] = useState(false)
|
||||||
|
|
||||||
|
const handleClick = () => {
|
||||||
|
setShowModal(true)
|
||||||
|
}
|
||||||
|
const handleCloseModal = () => {
|
||||||
|
setShowModal(false)
|
||||||
|
}
|
||||||
|
const handleChangeModal = (val: boolean) => {
|
||||||
|
setShowModal(val)
|
||||||
|
}
|
||||||
|
const userInfo = useSelector(state => state.userInfo)
|
||||||
|
// 联系业务经理
|
||||||
|
const handleCallPhone = () => {
|
||||||
|
if (!userInfo?.adminUserInfo?.sale_user_phone) { return alert.error('手机号不能为空') }
|
||||||
|
Taro.makePhoneCall({
|
||||||
|
phoneNumber: userInfo?.adminUserInfo?.sale_user_phone,
|
||||||
|
})
|
||||||
|
handleCloseModal()
|
||||||
|
}
|
||||||
return (
|
return (
|
||||||
<View className="deposit-beforehand">
|
<View className={styles['deposit-beforehand']}>
|
||||||
<Message text="汇款成功后，1-5分钟自动到账。" />
|
<Message text="汇款成功后，1-5分钟自动到账。" />
|
||||||
<View className="deposit-beforehand-card">
|
<View className={styles['deposit-beforehand-card']}>
|
||||||
<View className="deposit-beforehand-balance">
|
<View className={styles['deposit-beforehand-balance']}>
|
||||||
<View className="deposit-beforehand-balance-title">余额 (元)</View>
|
<View className={styles['deposit-beforehand-balance-title']}>余额 (元)</View>
|
||||||
<Text className="deposit-beforehand-balance-price">{toDecimal2(formatPriceDiv(state.data?.amount)).toLocaleString()}</Text>
|
<Text className={styles['deposit-beforehand-balance-price']}>{toDecimal2(formatPriceDiv(state.data?.amount)).toLocaleString()}</Text>
|
||||||
<View className="deposit-beforehand-balance-button">转出</View>
|
<View className={styles['deposit-beforehand-balance-button']} onClick={handleClick}>转出</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View className="deposit-beforehand-card">
|
<View className={styles['deposit-beforehand-card']}>
|
||||||
<View className="deposit-beforehand-info">
|
<View className={styles['deposit-beforehand-info']}>
|
||||||
<View className="deposit-beforehand-info-title">
|
<View className={styles['deposit-beforehand-info-title']}>
|
||||||
<View className="deposit-beforehand-info-title-left"><Text></Text> 预存款充值</View>
|
<View className={styles['deposit-beforehand-info-title-left']}><Text></Text> 预存款充值</View>
|
||||||
<View className="deposit-beforehand-info-title-copy" onClick={handleCopy}>复制</View>
|
<View className={styles['deposit-beforehand-info-title-copy']} onClick={handleCopy}>复制</View>
|
||||||
</View>
|
</View>
|
||||||
<View className="deposit-beforehand-info-content">
|
<View className={styles['deposit-beforehand-info-content']}>
|
||||||
<View className="deposit-beforehand-info-list">
|
<View className={styles['deposit-beforehand-info-list']}>
|
||||||
<View className="deposit-beforehand-info-list-left">开户名称</View>
|
<View className={styles['deposit-beforehand-info-list-left']}>开户名称</View>
|
||||||
<View className="deposit-beforehand-info-list-right">{state.data?.account_name}</View>
|
<View className={styles['deposit-beforehand-info-list-right']}>{state.data?.account_name}</View>
|
||||||
</View>
|
</View>
|
||||||
<View className="deposit-beforehand-info-list">
|
<View className={styles['deposit-beforehand-info-list']}>
|
||||||
<View className="deposit-beforehand-info-list-left">开户银行</View>
|
<View className={styles['deposit-beforehand-info-list-left']}>开户银行</View>
|
||||||
<View className="deposit-beforehand-info-list-right">{state.data?.bank_of_deposit}</View>
|
<View className={styles['deposit-beforehand-info-list-right']}>{state.data?.bank_of_deposit}</View>
|
||||||
</View>
|
</View>
|
||||||
<View className="deposit-beforehand-info-list">
|
<View className={styles['deposit-beforehand-info-list']}>
|
||||||
<View className="deposit-beforehand-info-list-left">专属汇款账号</View>
|
<View className={styles['deposit-beforehand-info-list-left']}>专属汇款账号</View>
|
||||||
<View className="deposit-beforehand-info-list-right">{state.data?.transfer_remittance_account}</View>
|
<View className={styles['deposit-beforehand-info-list-right']}>{state.data?.transfer_remittance_account}</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View className="deposit-beforehand-card">
|
<View className={styles['deposit-beforehand-card']}>
|
||||||
<View className="deposit-beforehand-particulars">
|
<View className={styles['deposit-beforehand-particulars']}>
|
||||||
<View className="deposit-beforehand-particulars-left">收支明细</View>
|
<View className={styles['deposit-beforehand-particulars-left']}>收支明细</View>
|
||||||
<Navigator hoverClass="none" url="/pages/depositList/index" className="deposit-beforehand-particulars-right">
|
<Navigator hoverClass="none" url="/pages/depositList/index" className="deposit-beforehand-particulars-right">
|
||||||
全部 <Text className="iconfont icon-a-moreback"></Text>
|
全部 <Text className="iconfont icon-a-moreback"></Text>
|
||||||
</Navigator>
|
</Navigator>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
<Dialog show={showModal} onClose={handleCloseModal} onChange={handleChangeModal}>
|
||||||
|
<View className={styles['deposit-beforehand-dialog']}>
|
||||||
|
<View className={styles['deposit-beforehand-dialog-title']}>提示</View>
|
||||||
|
<View className={styles['deposit-beforehand-dialog-content']}>若需提现，请联系业务经理进行转出</View>
|
||||||
|
<View className={styles['deposit-beforehand-dialog-bottom']}>
|
||||||
|
<View className={classNames(styles['deposit-beforehand-dialog-button'], styles['deposit-beforehand-dialog-button-cancel'])} onClick={handleCloseModal}>取消</View>
|
||||||
|
<View className={classNames(styles['deposit-beforehand-dialog-button'], styles['deposit-beforehand-dialog-button-confirm'])} onClick={handleCallPhone}>联系业务经理</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</Dialog>
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,86 +1,87 @@
|
|||||||
.deposit-detail{
|
.deposit-detail {
|
||||||
// height: 100vh;
|
// height: 100vh;
|
||||||
// background-color: #f3f3f3;
|
// background-color: #f3f3f3;
|
||||||
.deposit-detail-tips{
|
.deposit-detail-tips {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 66px;
|
height: 66px;
|
||||||
background: #FFE6CE;
|
background: #ffe6ce;
|
||||||
border: 2px solid #ffe6ce;
|
border: 2px solid #ffe6ce;
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #EE7500;
|
color: #ee7500;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.deposit-detail-tips text{
|
.deposit-detail-tips text {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
&>view{
|
& > view {
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
margin: 0 25px;
|
margin: 0 25px;
|
||||||
border-bottom: 1px solid #F6F6F6;
|
border-bottom: 1px solid #f6f6f6;
|
||||||
}
|
}
|
||||||
&>view:last-child{
|
& > view:last-child {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
.deposit-amount{
|
.deposit-amount {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.deposit-type{
|
.deposit-type {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
margin-bottom: 35px;
|
margin-bottom: 35px;
|
||||||
}
|
}
|
||||||
.deposit-price{
|
.deposit-price {
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.deposit-status{
|
.deposit-status {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.deposit-status-title{
|
.deposit-status-title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #707070;
|
color: #707070;
|
||||||
margin-right: 105px;
|
margin-right: 105px;
|
||||||
}
|
}
|
||||||
.deposit-voucher-title{
|
.deposit-voucher-title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #707070;
|
color: #707070;
|
||||||
margin-bottom: 28px;
|
margin-bottom: 28px;
|
||||||
}
|
}
|
||||||
.deposit-voucher-title::before{
|
.deposit-voucher-title::before {
|
||||||
content: "*";
|
content: '*';
|
||||||
color: #007AFF;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
.deposit-voucher-content{
|
.deposit-voucher-content {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(5, 1fr);
|
grid-template-columns: repeat(5, 1fr);
|
||||||
gap: 30px;
|
gap: 30px;
|
||||||
height: 98px;
|
height: 98px;
|
||||||
}
|
}
|
||||||
.deposit-voucher-content image{
|
.deposit-voucher-content image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
.deposit-info-list{
|
.deposit-info-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
.deposit-info-list-title{
|
.deposit-info-list-title {
|
||||||
width: 140px;
|
width: 140px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #707070;
|
color: #707070;
|
||||||
border-right: 1px solid #F0F0F0;
|
border-right: 1px solid #f0f0f0;
|
||||||
}
|
}
|
||||||
.deposit-info-list-content{
|
.deposit-info-list-content {
|
||||||
width: 468px;
|
width: 468px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -88,69 +89,77 @@
|
|||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.deposit-info-list-copy{
|
.deposit-info-list-copy {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
padding-left: 18px;
|
padding-left: 18px;
|
||||||
border-left: 1px solid #F0F0F0;
|
border-left: 1px solid #f0f0f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.deposit-timeline{
|
.deposit-timeline {
|
||||||
|
|
||||||
}
|
}
|
||||||
.deposit-timeline-item{
|
.deposit-timeline-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: 50px;
|
margin-left: 50px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
.deposit-timeline-item-title{
|
.deposit-timeline-item-title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #3c3c3c;
|
color: #3c3c3c;
|
||||||
}
|
}
|
||||||
.deposit-timeline-item-date{
|
.deposit-timeline-item-date {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
.deposit-timeline-item-left{
|
.deposit-timeline-item-left {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: 55px;
|
margin-right: 55px;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
}
|
}
|
||||||
.deposit-timeline-item-left::before{
|
.deposit-timeline-item-left::before {
|
||||||
content: " ";
|
content: ' ';
|
||||||
width: 12px;
|
width: 12px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: block;
|
display: block;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
.deposit-timeline-item-left::after{
|
.deposit-timeline-item-left::after {
|
||||||
content: " ";
|
content: ' ';
|
||||||
border-right: 1px dashed #007aff;
|
border-right: 1px dashed $color_main;
|
||||||
position: absolute;top: 25px;bottom: -8px;
|
position: absolute;
|
||||||
left: 50%;transform: translateX(-50%);
|
top: 25px;
|
||||||
|
bottom: -8px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
.deposit-timeline-item-success,.deposit-timeline-item-error{
|
.deposit-timeline-item-success,
|
||||||
|
.deposit-timeline-item-error {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: 55px;
|
margin-right: 55px;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
}
|
}
|
||||||
.deposit-timeline-item-error Text,.deposit-timeline-item-success Text{
|
.deposit-timeline-item-error Text,
|
||||||
|
.deposit-timeline-item-success Text {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 38px;
|
width: 38px;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
position: absolute;left: 50%;transform: translateX(-50%);
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.deposit-timeline-item-error Text{
|
.deposit-timeline-item-error Text {
|
||||||
background: #cccccc;
|
background: #cccccc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -20,7 +20,7 @@
|
|||||||
height: 46px;
|
height: 46px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 43px;
|
line-height: 43px;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
.input {
|
.input {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -189,7 +189,7 @@
|
|||||||
background: linear-gradient(38deg, #5cabff, #7cbcfc 100%, #99ccff 100%);
|
background: linear-gradient(38deg, #5cabff, #7cbcfc 100%, #99ccff 100%);
|
||||||
}
|
}
|
||||||
.select_add_cart {
|
.select_add_cart {
|
||||||
background: linear-gradient(38deg, #007aff, #4fa6ff 100%, #68b4ff 100%);
|
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,176 +1,175 @@
|
|||||||
.shop_cart_main{
|
.shop_cart_main {
|
||||||
.popup_con{
|
.popup_con {
|
||||||
height: 80vh;
|
height: 80vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.header {
|
||||||
|
color: $color_font_one;
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.colorFind {
|
||||||
|
padding: 10px 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.search {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
color: $color_main;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.search {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20px;
|
||||||
|
.search_title {
|
||||||
|
font-size: $font_size;
|
||||||
|
color: #000;
|
||||||
|
width: 160px;
|
||||||
|
}
|
||||||
|
.search_list {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.search_item {
|
||||||
|
width: 148px;
|
||||||
|
height: 55px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 55px;
|
||||||
|
color: $color_font_two;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-radius: 50px;
|
||||||
|
}
|
||||||
|
.search_item_select {
|
||||||
|
border: 2px solid $color_main;
|
||||||
|
background-color: #ecf5ff;
|
||||||
|
color: $color_main;
|
||||||
|
width: 144px;
|
||||||
|
height: 51px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.colorNum {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px;
|
||||||
|
.title {
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
.miconfont {
|
||||||
|
font-size: 36px;
|
||||||
|
color: $color_font_two;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.product_color_con {
|
||||||
|
flex: 1;
|
||||||
|
height: 0;
|
||||||
|
padding-bottom: 151px;
|
||||||
|
}
|
||||||
|
.color_con {
|
||||||
|
.virtual_list {
|
||||||
|
padding-bottom: 300px;
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 20px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
.item_color {
|
||||||
|
width: 156.5px;
|
||||||
|
height: 156.5px;
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
.item_con {
|
||||||
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
|
||||||
.header{
|
|
||||||
color: $color_font_one;
|
|
||||||
font-size: 32px;
|
|
||||||
font-weight: 700;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
.colorFind{
|
|
||||||
padding: 10px 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
.search{
|
|
||||||
flex:1;
|
|
||||||
}
|
|
||||||
.text{
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_main;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.search{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 20px;
|
|
||||||
.search_title{
|
|
||||||
font-size: $font_size;
|
|
||||||
color: #000;
|
|
||||||
width: 160px;
|
|
||||||
}
|
|
||||||
.search_list{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
flex:1;
|
|
||||||
}
|
|
||||||
.search_item{
|
|
||||||
width: 148px;
|
|
||||||
height: 55px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 55px;
|
|
||||||
color: $color_font_two;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
background-color: #f0f0f0;
|
|
||||||
border-radius: 50px;
|
|
||||||
}
|
|
||||||
.search_item_select{
|
|
||||||
border: 2px solid $color_main;
|
|
||||||
background-color: #ecf5ff;
|
|
||||||
color: $color_main;
|
|
||||||
width: 144px;
|
|
||||||
height: 51px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.colorNum{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 20px;
|
padding: 20px 0 20px 20px;
|
||||||
.title{
|
.title {
|
||||||
font-size: 26px;
|
font-size: $font_size_big;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
.miconfont{
|
.num {
|
||||||
font-size: 36px;
|
font-size: $font_size;
|
||||||
color: $color_font_two;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
}
|
.priceText {
|
||||||
.product_color_con{
|
font-size: $font_size_big;
|
||||||
flex:1;
|
Text {
|
||||||
height: 0;
|
font-size: $font_size_min;
|
||||||
padding-bottom:151px;
|
}
|
||||||
}
|
|
||||||
.color_con{
|
|
||||||
.virtual_list{
|
|
||||||
padding-bottom: 300px;
|
|
||||||
}
|
}
|
||||||
.item {
|
}
|
||||||
display: flex;
|
.btn_con {
|
||||||
justify-content: space-between;
|
|
||||||
padding: 0 20px;
|
|
||||||
margin-bottom: 40px;
|
|
||||||
.item_color{
|
|
||||||
width: 156.5px;
|
|
||||||
height: 156.5px;
|
|
||||||
border-radius: 20px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.item_con{
|
|
||||||
flex:1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 20px 0 20px 20px;
|
|
||||||
.title{
|
|
||||||
font-size: $font_size_big;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.num{
|
|
||||||
font-size: $font_size;
|
|
||||||
color: $color_main;
|
|
||||||
}
|
|
||||||
.priceText{
|
|
||||||
font-size: $font_size_big;
|
|
||||||
Text{
|
|
||||||
font-size: $font_size_min;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_con{
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-end;
|
|
||||||
.btn{
|
|
||||||
width: 116px;
|
|
||||||
height: 64px;
|
|
||||||
background-color: $color_main;
|
|
||||||
border-radius: 40px 0px 16px 0px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 64px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.btn_count{
|
|
||||||
width: 235px;
|
|
||||||
height: 64px;
|
|
||||||
background-color: #ECF5FF;
|
|
||||||
border-radius: 40px 0px 16px 0px;
|
|
||||||
padding: 0 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.noData{
|
|
||||||
width:100%;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
align-items: flex-end;
|
||||||
align-items: center;
|
.btn {
|
||||||
color: $color_font_three;
|
width: 116px;
|
||||||
font-size: $font_size_medium;
|
height: 64px;
|
||||||
|
background-color: $color_main;
|
||||||
|
border-radius: 40px 0px 16px 0px;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 64px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.btn_count {
|
||||||
|
width: 235px;
|
||||||
|
height: 64px;
|
||||||
|
background-color: #ecf5ff;
|
||||||
|
border-radius: 40px 0px 16px 0px;
|
||||||
|
padding: 0 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.buy_btn{
|
}
|
||||||
width: 100%;
|
.noData {
|
||||||
padding: 0 40px;
|
width: 100%;
|
||||||
padding-bottom: constant(safe-area-inset-bottom);
|
height: 100%;
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
display: flex;
|
||||||
box-sizing: border-box;
|
justify-content: center;
|
||||||
position: fixed;
|
align-items: center;
|
||||||
bottom:0;
|
color: $color_font_three;
|
||||||
font-size: $font_size_medium;
|
font-size: $font_size_medium;
|
||||||
color: $color_font_two;
|
}
|
||||||
background-color: #fff;
|
.buy_btn {
|
||||||
box-shadow: 6px 0px 12px 0px rgba(0,0,0,0.16);
|
width: 100%;
|
||||||
.buy_btn_con{
|
padding: 0 40px;
|
||||||
display: flex;
|
padding-bottom: constant(safe-area-inset-bottom);
|
||||||
justify-content: space-between;
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
align-items: center;
|
box-sizing: border-box;
|
||||||
height: 151px;
|
position: fixed;
|
||||||
}
|
bottom: 0;
|
||||||
.add_cart{
|
font-size: $font_size_medium;
|
||||||
width: 260px;
|
color: $color_font_two;
|
||||||
height: 90px;
|
background-color: #fff;
|
||||||
font-size: $font_size_big;
|
box-shadow: 6px 0px 12px 0px rgba(0, 0, 0, 0.16);
|
||||||
text-align: center;
|
.buy_btn_con {
|
||||||
line-height: 90px;
|
display: flex;
|
||||||
border-radius: 50px;
|
justify-content: space-between;
|
||||||
color: #fff;
|
align-items: center;
|
||||||
background: linear-gradient(38deg,#5cabff, #7cbcfc 100%, #99ccff 100%);
|
height: 151px;
|
||||||
}
|
|
||||||
.select_add_cart{
|
|
||||||
background: linear-gradient(38deg,#007aff, #4fa6ff 100%, #68b4ff 100%);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.add_cart {
|
||||||
|
width: 260px;
|
||||||
|
height: 90px;
|
||||||
|
font-size: $font_size_big;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 90px;
|
||||||
|
border-radius: 50px;
|
||||||
|
color: #fff;
|
||||||
|
background: linear-gradient(38deg, #5cabff, #7cbcfc 100%, #99ccff 100%);
|
||||||
|
}
|
||||||
|
.select_add_cart {
|
||||||
|
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -16,8 +16,8 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
.search_collect {
|
.search_collect {
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
border: 2px solid #007aff;
|
border: 2px solid $color_main;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
width: 132px;
|
width: 132px;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
|
|||||||
@ -88,7 +88,7 @@
|
|||||||
width: 250px;
|
width: 250px;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
background: linear-gradient(38deg, #007aff, #4fa6ff 100%, #68b4ff 100%);
|
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
|
||||||
border-radius: 46px;
|
border-radius: 46px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
@ -41,13 +41,13 @@
|
|||||||
.btns_two {
|
.btns_two {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
// border: 1PX solid #007aff;
|
// border: 1PX solid $color_main;
|
||||||
font-size: $font_size_big;
|
font-size: $font_size_big;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
.rest_btn {
|
.rest_btn {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
border: 1px solid #007aff;
|
border: 1px solid $color_main;
|
||||||
border-radius: 40px 0 0 40px;
|
border-radius: 40px 0 0 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 82px;
|
line-height: 82px;
|
||||||
@ -57,7 +57,7 @@
|
|||||||
.verify_btn {
|
.verify_btn {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
border-radius: 0 40px 40px 0;
|
border-radius: 0 40px 40px 0;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 82px;
|
line-height: 82px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
@ -80,7 +80,7 @@ $top: 170px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btns {
|
.btns {
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
width: 702px;
|
width: 702px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
|
|||||||
@ -114,7 +114,7 @@ $top: 190px;
|
|||||||
}
|
}
|
||||||
.miconfont {
|
.miconfont {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
}
|
}
|
||||||
.advance_payment {
|
.advance_payment {
|
||||||
@ -135,7 +135,7 @@ $top: 190px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btns {
|
.btns {
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
|
|||||||
@ -1,48 +1,48 @@
|
|||||||
.order_popup{
|
.order_popup {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
.order_popup_title{
|
.order_popup_title {
|
||||||
color: $font_size_big;
|
color: $font_size_big;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
.order_popup_input {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 25px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-top: 43px;
|
||||||
|
position: relative;
|
||||||
|
.descDataNum {
|
||||||
|
position: absolute;
|
||||||
|
right: 40px;
|
||||||
|
bottom: 10px;
|
||||||
|
height: 39px;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
color: $color_font_two;
|
||||||
}
|
}
|
||||||
.order_popup_input{
|
textarea {
|
||||||
width: 100%;
|
background-color: #f3f3f3;
|
||||||
padding: 0 25px;
|
border-radius: 10px;
|
||||||
box-sizing: border-box;
|
width: 100%;
|
||||||
margin-top: 43px;
|
height: 313px;
|
||||||
position: relative;
|
padding: 20px;
|
||||||
.descDataNum{
|
padding-bottom: 50px;
|
||||||
position: absolute;
|
box-sizing: border-box;
|
||||||
right: 40px;
|
font-size: $font_size;
|
||||||
bottom: 10px;
|
border: 2px solid #e6e6e6;
|
||||||
height: 39px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_font_two;
|
|
||||||
}
|
|
||||||
textarea{
|
|
||||||
background-color: #f3f3f3;
|
|
||||||
border-radius: 10px;
|
|
||||||
width: 100%;
|
|
||||||
height: 313px;
|
|
||||||
padding: 20px;
|
|
||||||
padding-bottom: 50px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: $font_size;
|
|
||||||
border: 2px solid #e6e6e6;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.order_save_address{
|
|
||||||
height: 82px;
|
|
||||||
background: #007aff;
|
|
||||||
border-radius: 40px;
|
|
||||||
width: 668px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: #fff;
|
|
||||||
margin-top: 60px;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.order_save_address {
|
||||||
|
height: 82px;
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 40px;
|
||||||
|
width: 668px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,54 +1,53 @@
|
|||||||
$top:170px;
|
$top: 170px;
|
||||||
.scanPay_main{
|
.scanPay_main {
|
||||||
.scanPay_con{
|
.scanPay_con {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #F6F6F6;
|
background-color: #f6f6f6;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
.miconfont_title{
|
.miconfont_title {
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
top: 27px;
|
top: 27px;
|
||||||
font-size: 37px;
|
font-size: 37px;
|
||||||
color: $color_font_three;
|
color: $color_font_three;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: $font_size_big;
|
||||||
|
color: #000000;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 700;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.desc {
|
||||||
|
font-size: $font_size_min;
|
||||||
|
color: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 0;
|
||||||
|
.miconfont {
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.scanPay_list {
|
||||||
}
|
border-radius: 10px;
|
||||||
.title{
|
height: 900px;
|
||||||
font-size: $font_size_big;
|
image {
|
||||||
color: #000000;
|
width: 100%;
|
||||||
text-align: center;
|
|
||||||
font-weight: 700;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.desc{
|
|
||||||
font-size: $font_size_min;
|
|
||||||
color: $color_main;
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px 0;
|
|
||||||
.miconfont{
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.scanPay_list{
|
|
||||||
border-radius: 10px;
|
|
||||||
height: 900px;
|
|
||||||
image{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btns{
|
|
||||||
background: #007aff;
|
|
||||||
border-radius: 40px;
|
|
||||||
width: 668px;
|
|
||||||
height: 82px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 80px;
|
|
||||||
width: 100%;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 32px;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns {
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 40px;
|
||||||
|
width: 668px;
|
||||||
|
height: 82px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 80px;
|
||||||
|
width: 100%;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,55 +1,54 @@
|
|||||||
$top:170px;
|
$top: 170px;
|
||||||
.scanPay_main{
|
.scanPay_main {
|
||||||
.scanPay_con{
|
.scanPay_con {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #F6F6F6;
|
background-color: #f6f6f6;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
.miconfont_title{
|
.miconfont_title {
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
top: 27px;
|
top: 27px;
|
||||||
font-size: 37px;
|
font-size: 37px;
|
||||||
color: $color_font_three;
|
color: $color_font_three;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: $font_size_big;
|
||||||
|
color: #000000;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 700;
|
||||||
|
position: relative;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
.desc {
|
||||||
|
font-size: $font_size_min;
|
||||||
|
color: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 0;
|
||||||
|
.miconfont {
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.scanPay_list {
|
||||||
}
|
border-radius: 10px;
|
||||||
.title{
|
height: 900px;
|
||||||
font-size: $font_size_big;
|
image {
|
||||||
color: #000000;
|
width: 100%;
|
||||||
text-align: center;
|
|
||||||
font-weight: 700;
|
|
||||||
position: relative;
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
.desc{
|
|
||||||
font-size: $font_size_min;
|
|
||||||
color: $color_main;
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px 0;
|
|
||||||
.miconfont{
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.scanPay_list{
|
|
||||||
border-radius: 10px;
|
|
||||||
height: 900px;
|
|
||||||
image{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btns{
|
|
||||||
background: #007aff;
|
|
||||||
border-radius: 40px;
|
|
||||||
width: 668px;
|
|
||||||
height: 82px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 80px;
|
|
||||||
width: 100%;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 32px;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns {
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 40px;
|
||||||
|
width: 668px;
|
||||||
|
height: 82px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 80px;
|
||||||
|
width: 100%;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -78,9 +78,9 @@
|
|||||||
width: 152px;
|
width: 152px;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
border: 2px solid #007aff;
|
border: 2px solid $color_main;
|
||||||
border-radius: 36px;
|
border-radius: 36px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
|
|||||||
@ -1,150 +1,148 @@
|
|||||||
|
.kindsList_main {
|
||||||
.kindsList_main{
|
margin-top: 20px;
|
||||||
margin-top: 20px;
|
|
||||||
}
|
}
|
||||||
.orders_list_con{
|
.orders_list_con {
|
||||||
|
background-color: #fff;
|
||||||
background-color: #fff;
|
border-radius: 20px;
|
||||||
border-radius: 20px;
|
padding: 20px;
|
||||||
padding: 20px;
|
.orders_return_title {
|
||||||
.orders_return_title{
|
font-size: 28px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
.order_list {
|
||||||
|
&:nth-child(n + 2) {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
.order_list_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;
|
||||||
|
}
|
||||||
|
.num {
|
||||||
|
color: $color_font_two;
|
||||||
|
font-size: $font_size_min;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.order_list_scroll {
|
||||||
|
margin-top: 30px;
|
||||||
|
.order_list_item {
|
||||||
|
display: flex;
|
||||||
|
&:nth-child(n + 2) {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
.order_list_item_img {
|
||||||
|
width: 126px;
|
||||||
|
height: 126px;
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
.order_list_item_con {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
flex: 1;
|
||||||
|
border-bottom: 1px solid #f0f0f0;
|
||||||
|
height: 150px;
|
||||||
|
padding-top: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.order_list_item_des {
|
||||||
|
flex: 1;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-left: 30px;
|
||||||
|
.order_list_item_title {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: $font_size;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.order_list_item_price {
|
||||||
|
font-size: 26px;
|
||||||
|
color: $color_font_three;
|
||||||
|
text {
|
||||||
|
&:nth-child(n + 1) {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.order_list_item_count {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end;
|
||||||
|
.count_num {
|
||||||
|
color: $color_main;
|
||||||
|
font-size: $font_size;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
font-weight: 400;
|
||||||
|
text {
|
||||||
|
font-size: $font_size_min;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.count_price {
|
||||||
|
font-size: $font_size;
|
||||||
|
font-weight: 700;
|
||||||
|
text {
|
||||||
|
font-size: $font_size_min;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.order_total {
|
||||||
|
padding-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
text {
|
||||||
|
&:nth-child(1) {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
padding-bottom: 20px;
|
}
|
||||||
}
|
&:nth-child(2) {
|
||||||
.order_list{
|
font-size: 24px;
|
||||||
&:nth-child(n+2) {
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
.order_list_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;
|
|
||||||
}
|
|
||||||
.num{
|
|
||||||
color: $color_font_two;
|
|
||||||
font-size: $font_size_min;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.order_list_scroll{
|
|
||||||
margin-top: 30px;
|
|
||||||
.order_list_item {
|
|
||||||
display: flex;
|
|
||||||
&:nth-child(n + 2) {
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
.order_list_item_img{
|
|
||||||
width: 126px;
|
|
||||||
height: 126px;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
.order_list_item_con{
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
flex:1;
|
|
||||||
border-bottom: 1px solid #f0f0f0;
|
|
||||||
height: 150px;
|
|
||||||
padding-top: 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.order_list_item_des{
|
|
||||||
flex:1;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding-left: 30px;
|
|
||||||
.order_list_item_title{
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: $font_size;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
.order_list_item_price{
|
|
||||||
font-size: 26px;
|
|
||||||
color: $color_font_three;
|
|
||||||
text{
|
|
||||||
&:nth-child(n+1) {
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.order_list_item_count{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-end;
|
|
||||||
.count_num{
|
|
||||||
color: $color_main;
|
|
||||||
font-size: $font_size;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
font-weight: 400;
|
|
||||||
text{
|
|
||||||
font-size: $font_size_min;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.count_price {
|
|
||||||
font-size: $font_size;
|
|
||||||
font-weight: 700;
|
|
||||||
text{
|
|
||||||
font-size: $font_size_min;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.order_total{
|
|
||||||
padding-top: 20px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
text{
|
|
||||||
&:nth-child(1) {
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
&:nth-child(2) {
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.order_estimated_amount{
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-end;
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 30px 0;
|
|
||||||
.order_price_des{
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_font_two;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.inspection{
|
|
||||||
background: linear-gradient(38deg,#007aff, #4fa6ff 100%, #68b4ff 100%);
|
|
||||||
border-radius: 20px;
|
|
||||||
color: #fff;
|
|
||||||
height: 176px;
|
|
||||||
padding: 30px ;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: 28px;
|
|
||||||
.inspection_title{
|
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.inspection_con{
|
}
|
||||||
margin-top: 20px;
|
.order_estimated_amount {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: flex-end;
|
||||||
.miconfont{
|
flex-direction: column;
|
||||||
font-size: 50px;
|
padding: 30px 0;
|
||||||
margin-right: 10px;
|
.order_price_des {
|
||||||
}
|
font-size: $font_size_medium;
|
||||||
|
color: $color_font_two;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.inspection {
|
||||||
|
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
|
||||||
|
border-radius: 20px;
|
||||||
|
color: #fff;
|
||||||
|
height: 176px;
|
||||||
|
padding: 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 28px;
|
||||||
|
.inspection_title {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.inspection_con {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.miconfont {
|
||||||
|
font-size: 50px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,46 +1,45 @@
|
|||||||
$top:170px;
|
$top: 170px;
|
||||||
.offlinePay_main{
|
.offlinePay_main {
|
||||||
.offlinePay_con{
|
.offlinePay_con {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #F6F6F6;
|
background-color: #f6f6f6;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
.miconfont_title{
|
.miconfont_title {
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
top: 27px;
|
top: 27px;
|
||||||
font-size: 37px;
|
font-size: 37px;
|
||||||
color: $color_font_three;
|
color: $color_font_three;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.title{
|
}
|
||||||
font-size: $font_size_big;
|
.title {
|
||||||
color: #000000;
|
font-size: $font_size_big;
|
||||||
text-align: center;
|
color: #000000;
|
||||||
font-weight: 700;
|
text-align: center;
|
||||||
position: relative;
|
font-weight: 700;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.offlinePay_list {
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 60px 0;
|
||||||
|
.offlinePay_con_text {
|
||||||
|
font-size: $font_size;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
.offlinePay_list{
|
.btns {
|
||||||
border-radius: 10px;
|
background: $color_main;
|
||||||
padding: 60px 0;
|
border-radius: 40px;
|
||||||
.offlinePay_con_text{
|
width: 668px;
|
||||||
font-size: $font_size;
|
height: 82px;
|
||||||
font-weight: 700;
|
text-align: center;
|
||||||
}
|
line-height: 80px;
|
||||||
}
|
width: 100%;
|
||||||
.btns{
|
color: #fff;
|
||||||
background: #007aff;
|
font-size: 32px;
|
||||||
border-radius: 40px;
|
margin-top: 30px;
|
||||||
width: 668px;
|
}
|
||||||
height: 82px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 80px;
|
|
||||||
width: 100%;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 32px;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@ -1,126 +1,123 @@
|
|||||||
$top:190px;
|
$top: 190px;
|
||||||
.payment_main{
|
.payment_main {
|
||||||
.payment_con{
|
.payment_con {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #F6F6F6;
|
background-color: #f6f6f6;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
.miconfont_title{
|
.miconfont_title {
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
top: 27px;
|
top: 27px;
|
||||||
font-size: 37px;
|
font-size: 37px;
|
||||||
color: $color_font_three;
|
color: $color_font_three;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: $font_size_big;
|
||||||
|
color: #000000;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 700;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.amount {
|
||||||
|
text-align: center;
|
||||||
|
padding: 25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.payment_list {
|
||||||
|
background-color: #fff;
|
||||||
|
// box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
|
||||||
|
min-height: 300px;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding-bottom: 100px;
|
||||||
|
position: relative;
|
||||||
|
background: radial-gradient(circle 20px at left $top, transparent 20px, #fff 20px + 3px) left 0px/60% no-repeat,
|
||||||
|
radial-gradient(circle 20px at right $top, transparent 20px, #fff 20px + 3px) right 0px/60% no-repeat;
|
||||||
|
filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.16));
|
||||||
|
position: relative;
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
border-bottom: 3px dashed #ccc;
|
||||||
|
top: $top;
|
||||||
|
width: calc(100% - 100px);
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: auto;
|
||||||
}
|
}
|
||||||
.title{
|
.payment_list_top_border {
|
||||||
font-size: $font_size_big;
|
height: 32px;
|
||||||
color: #000000;
|
width: 100%;
|
||||||
text-align: center;
|
background: linear-gradient(215deg, #cde5ff 2%, #cde5ff 2%, #68b4ff 72%);
|
||||||
font-weight: 700;
|
border-radius: 10px 10px 0px 0px;
|
||||||
position: relative;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.amount{
|
.payment_list_title {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 25px 0;
|
padding: 30px 0 50px 0;
|
||||||
}
|
font-size: $font_size;
|
||||||
|
color: $color_font_three;
|
||||||
.payment_list{
|
.payment_list_title_price_item {
|
||||||
background-color: #fff;
|
display: flex;
|
||||||
// box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
|
justify-content: space-between;
|
||||||
min-height: 300px;
|
padding: 0 90px;
|
||||||
border-radius: 10px;
|
&:nth-child(1) {
|
||||||
padding-bottom: 100px;
|
margin-bottom: 15px;
|
||||||
position: relative;
|
|
||||||
background: radial-gradient(circle 20px at left $top, transparent 20px, #fff 20px + 3px) left 0px/60% no-repeat ,
|
|
||||||
radial-gradient(circle 20px at right $top, transparent 20px, #fff 20px + 3px) right 0px/60% no-repeat;
|
|
||||||
filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, .16));
|
|
||||||
position: relative;
|
|
||||||
&::before{
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
border-bottom: 3px dashed #ccc;
|
|
||||||
top: $top;
|
|
||||||
width: calc(100% - 100px);
|
|
||||||
left:0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.payment_list_top_border{
|
}
|
||||||
height: 32px;
|
text {
|
||||||
width: 100%;
|
&:nth-child(2) {
|
||||||
background: linear-gradient(215deg,#cde5ff 2%, #cde5ff 2%, #68b4ff 72%);
|
color: $color_main;
|
||||||
border-radius: 10px 10px 0px 0px;
|
|
||||||
}
|
|
||||||
.payment_list_title{
|
|
||||||
text-align: center;
|
|
||||||
padding: 30px 0 50px 0;
|
|
||||||
font-size: $font_size;
|
|
||||||
color: $color_font_three;
|
|
||||||
.payment_list_title_price_item{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 0 90px;
|
|
||||||
&:nth-child(1) {
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
text{
|
|
||||||
&:nth-child(2) {
|
|
||||||
color: $color_main;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.payment_list_con{
|
|
||||||
padding: 20px 30px 0 30px;
|
|
||||||
.payment_list_item{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
height: 123px;
|
|
||||||
&:nth-last-child(n+2) {
|
|
||||||
border-bottom: 2px solid #F3F3F3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.payment_list_item_left{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
font-size: $font_size;
|
|
||||||
.payment_list_item_left_name{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.miconfont{
|
|
||||||
font-size: 30px;
|
|
||||||
color: #FFC300;
|
|
||||||
padding-right: 10px;
|
|
||||||
}
|
|
||||||
.payment_list_item_left_price{
|
|
||||||
font-size: $font_size_min;
|
|
||||||
color: $color_font_two;
|
|
||||||
padding-left: 35px;
|
|
||||||
padding-top: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.miconfont_more{
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.btns{
|
.payment_list_con {
|
||||||
background: #007aff;
|
padding: 20px 30px 0 30px;
|
||||||
border-radius: 40px;
|
.payment_list_item {
|
||||||
width: 668px;
|
display: flex;
|
||||||
height: 82px;
|
justify-content: space-between;
|
||||||
text-align: center;
|
align-items: center;
|
||||||
line-height: 80px;
|
height: 123px;
|
||||||
width: 100%;
|
&:nth-last-child(n + 2) {
|
||||||
color: #fff;
|
border-bottom: 2px solid #f3f3f3;
|
||||||
font-size: 32px;
|
}
|
||||||
margin-top: 30px;
|
}
|
||||||
|
.payment_list_item_left {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
font-size: $font_size;
|
||||||
|
.payment_list_item_left_name {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.miconfont {
|
||||||
|
font-size: 30px;
|
||||||
|
color: #ffc300;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
.payment_list_item_left_price {
|
||||||
|
font-size: $font_size_min;
|
||||||
|
color: $color_font_two;
|
||||||
|
padding-left: 35px;
|
||||||
|
padding-top: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.miconfont_more {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns {
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 40px;
|
||||||
|
width: 668px;
|
||||||
|
height: 82px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 80px;
|
||||||
|
width: 100%;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,48 +1,48 @@
|
|||||||
.order_popup{
|
.order_popup {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
.order_popup_title{
|
.order_popup_title {
|
||||||
color: $font_size_big;
|
color: $font_size_big;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
.order_popup_input {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 25px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-top: 43px;
|
||||||
|
position: relative;
|
||||||
|
.descDataNum {
|
||||||
|
position: absolute;
|
||||||
|
right: 40px;
|
||||||
|
bottom: 10px;
|
||||||
|
height: 39px;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
color: $color_font_two;
|
||||||
}
|
}
|
||||||
.order_popup_input{
|
textarea {
|
||||||
width: 100%;
|
background-color: #f3f3f3;
|
||||||
padding: 0 25px;
|
border-radius: 10px;
|
||||||
box-sizing: border-box;
|
width: 100%;
|
||||||
margin-top: 43px;
|
height: 313px;
|
||||||
position: relative;
|
padding: 20px;
|
||||||
.descDataNum{
|
padding-bottom: 50px;
|
||||||
position: absolute;
|
box-sizing: border-box;
|
||||||
right: 40px;
|
font-size: $font_size;
|
||||||
bottom: 10px;
|
border: 2px solid #e6e6e6;
|
||||||
height: 39px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_font_two;
|
|
||||||
}
|
|
||||||
textarea{
|
|
||||||
background-color: #f3f3f3;
|
|
||||||
border-radius: 10px;
|
|
||||||
width: 100%;
|
|
||||||
height: 313px;
|
|
||||||
padding: 20px;
|
|
||||||
padding-bottom: 50px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: $font_size;
|
|
||||||
border: 2px solid #e6e6e6;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.order_save_address{
|
|
||||||
height: 82px;
|
|
||||||
background: #007aff;
|
|
||||||
border-radius: 40px;
|
|
||||||
width: 668px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: #fff;
|
|
||||||
margin-top: 60px;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.order_save_address {
|
||||||
|
height: 82px;
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 40px;
|
||||||
|
width: 668px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,35 +1,34 @@
|
|||||||
|
.logistics_main {
|
||||||
.logistics_main{
|
padding: 20px 30px;
|
||||||
padding: 20px 30px;
|
box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
.logistics_image {
|
||||||
.logistics_image{
|
display: flex;
|
||||||
display: flex;
|
.title_desc {
|
||||||
.title_desc{
|
font-size: 28px;
|
||||||
font-size: 28px;
|
font-weight: 700;
|
||||||
font-weight: 700;
|
padding-top: 50px;
|
||||||
padding-top: 50px;
|
box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.upload_image{
|
|
||||||
flex:1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.logistics_desc{
|
.upload_image {
|
||||||
margin-top: 50px;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.btns_two{
|
}
|
||||||
display: flex;
|
.logistics_desc {
|
||||||
height: 82px;
|
margin-top: 50px;
|
||||||
font-size: $font_size_big;
|
}
|
||||||
border-radius: 40px;
|
.btns_two {
|
||||||
margin-top: 50px;
|
display: flex;
|
||||||
.verify_btn{
|
height: 82px;
|
||||||
flex:1;
|
font-size: $font_size_big;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
background: #007aff;
|
margin-top: 50px;
|
||||||
text-align: center;
|
.verify_btn {
|
||||||
line-height: 82px;
|
flex: 1;
|
||||||
color: #fff;
|
border-radius: 40px;
|
||||||
}
|
background: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,55 +1,54 @@
|
|||||||
$top:170px;
|
$top: 170px;
|
||||||
.scanPay_main{
|
.scanPay_main {
|
||||||
.scanPay_con{
|
.scanPay_con {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #F6F6F6;
|
background-color: #f6f6f6;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
.miconfont_title{
|
.miconfont_title {
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
top: 27px;
|
top: 27px;
|
||||||
font-size: 37px;
|
font-size: 37px;
|
||||||
color: $color_font_three;
|
color: $color_font_three;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: $font_size_big;
|
||||||
|
color: #000000;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 700;
|
||||||
|
position: relative;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
.desc {
|
||||||
|
font-size: $font_size_min;
|
||||||
|
color: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 0;
|
||||||
|
.miconfont {
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.scanPay_list {
|
||||||
}
|
border-radius: 10px;
|
||||||
.title{
|
height: 900px;
|
||||||
font-size: $font_size_big;
|
image {
|
||||||
color: #000000;
|
width: 100%;
|
||||||
text-align: center;
|
|
||||||
font-weight: 700;
|
|
||||||
position: relative;
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
.desc{
|
|
||||||
font-size: $font_size_min;
|
|
||||||
color: $color_main;
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px 0;
|
|
||||||
.miconfont{
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.scanPay_list{
|
|
||||||
border-radius: 10px;
|
|
||||||
height: 900px;
|
|
||||||
image{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btns{
|
|
||||||
background: #007aff;
|
|
||||||
border-radius: 40px;
|
|
||||||
width: 668px;
|
|
||||||
height: 82px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 80px;
|
|
||||||
width: 100%;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 32px;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns {
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 40px;
|
||||||
|
width: 668px;
|
||||||
|
height: 82px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 80px;
|
||||||
|
width: 100%;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,54 +1,53 @@
|
|||||||
$top:170px;
|
$top: 170px;
|
||||||
.scanPay_main{
|
.scanPay_main {
|
||||||
.scanPay_con{
|
.scanPay_con {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #F6F6F6;
|
background-color: #f6f6f6;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
.miconfont_title{
|
.miconfont_title {
|
||||||
transform: rotate(-180deg);
|
transform: rotate(-180deg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
top: 27px;
|
top: 27px;
|
||||||
font-size: 37px;
|
font-size: 37px;
|
||||||
color: $color_font_three;
|
color: $color_font_three;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
font-size: $font_size_big;
|
||||||
|
color: #000000;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 700;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.desc {
|
||||||
|
font-size: $font_size_min;
|
||||||
|
color: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 0;
|
||||||
|
.miconfont {
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.scanPay_list {
|
||||||
}
|
border-radius: 10px;
|
||||||
.title{
|
height: 900px;
|
||||||
font-size: $font_size_big;
|
image {
|
||||||
color: #000000;
|
width: 100%;
|
||||||
text-align: center;
|
|
||||||
font-weight: 700;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.desc{
|
|
||||||
font-size: $font_size_min;
|
|
||||||
color: $color_main;
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px 0;
|
|
||||||
.miconfont{
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.scanPay_list{
|
|
||||||
border-radius: 10px;
|
|
||||||
height: 900px;
|
|
||||||
image{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btns{
|
|
||||||
background: #007aff;
|
|
||||||
border-radius: 40px;
|
|
||||||
width: 668px;
|
|
||||||
height: 82px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 80px;
|
|
||||||
width: 100%;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 32px;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns {
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 40px;
|
||||||
|
width: 668px;
|
||||||
|
height: 82px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 80px;
|
||||||
|
width: 100%;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,35 +1,34 @@
|
|||||||
|
.logistics_main {
|
||||||
.logistics_main{
|
padding: 20px 30px;
|
||||||
padding: 20px 30px;
|
box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
.logistics_image {
|
||||||
.logistics_image{
|
display: flex;
|
||||||
display: flex;
|
.title_desc {
|
||||||
.title_desc{
|
font-size: 28px;
|
||||||
font-size: 28px;
|
font-weight: 700;
|
||||||
font-weight: 700;
|
padding-top: 50px;
|
||||||
padding-top: 50px;
|
box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.upload_image{
|
|
||||||
flex:1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.logistics_desc{
|
.upload_image {
|
||||||
margin-top: 50px;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.btns_two{
|
}
|
||||||
display: flex;
|
.logistics_desc {
|
||||||
height: 82px;
|
margin-top: 50px;
|
||||||
font-size: $font_size_big;
|
}
|
||||||
border-radius: 40px;
|
.btns_two {
|
||||||
margin-top: 50px;
|
display: flex;
|
||||||
.verify_btn{
|
height: 82px;
|
||||||
flex:1;
|
font-size: $font_size_big;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
background: #007aff;
|
margin-top: 50px;
|
||||||
text-align: center;
|
.verify_btn {
|
||||||
line-height: 82px;
|
flex: 1;
|
||||||
color: #fff;
|
border-radius: 40px;
|
||||||
}
|
background: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,253 +1,251 @@
|
|||||||
page {
|
page {
|
||||||
background: #f3f3f3;
|
background: #f3f3f3;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.body {
|
.body {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.topBox {
|
.topBox {
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
width: 690px;
|
width: 690px;
|
||||||
height: 86px;
|
height: 86px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
.leftBox {
|
.leftBox {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: 19px;
|
padding-left: 19px;
|
||||||
|
|
||||||
.leftFont {
|
.leftFont {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #707070;
|
color: #707070;
|
||||||
margin-right: 14px;
|
margin-right: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.borderBox {
|
.borderBox {
|
||||||
width: 0px;
|
width: 0px;
|
||||||
height: 62px;
|
height: 62px;
|
||||||
border: 2px solid #f3f3f3;
|
border: 2px solid #f3f3f3;
|
||||||
margin-right: 39px;
|
margin-right: 39px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cricleBox {
|
.cricleBox {
|
||||||
width: 12px;
|
width: 12px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
background: #cccccc;
|
background: #cccccc;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notNet {
|
.notNet {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #aaaaaa;
|
color: #aaaaaa;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.iconMore {
|
|
||||||
margin-right: 30px;
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.contBox {
|
.iconMore {
|
||||||
margin-top: 53px;
|
margin-right: 30px;
|
||||||
display: flex;
|
font-size: 30px;
|
||||||
padding-left: 56px;
|
|
||||||
|
|
||||||
.firstBox {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
.firstLeftName {
|
|
||||||
font-size: 26px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #707070;
|
|
||||||
}
|
|
||||||
|
|
||||||
.firstLeftbox {
|
|
||||||
width: 290px;
|
|
||||||
height: 290px;
|
|
||||||
background: #dddddd;
|
|
||||||
margin-top: 13px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
border-radius: 50%;
|
|
||||||
|
|
||||||
.clickFont {
|
|
||||||
font-size: 28px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #707070;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.color_bock {
|
|
||||||
width: 290px;
|
|
||||||
height: 290px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color_bocktwo {
|
|
||||||
width: 290px;
|
|
||||||
height: 290px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nameColor {
|
|
||||||
font-size: 24px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #707070;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.reslutBox {
|
.contBox {
|
||||||
width: 692px;
|
margin-top: 53px;
|
||||||
height: 180px;
|
display: flex;
|
||||||
background: #ffffff;
|
padding-left: 56px;
|
||||||
margin-top: 30px;
|
|
||||||
margin-left: 29px;
|
|
||||||
border-radius: 20px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reslutTitle {
|
.firstBox {
|
||||||
overflow: hidden;
|
display: flex;
|
||||||
width: 100%;
|
align-items: center;
|
||||||
margin-top: 41px;
|
justify-content: center;
|
||||||
display: flex;
|
flex-direction: column;
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
.titleLeft {
|
.firstLeftName {
|
||||||
margin-left: 48px;
|
|
||||||
font-size: 26px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #707070;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titleRiht {
|
|
||||||
margin-right: 37px;
|
|
||||||
width: 136px;
|
|
||||||
height: 46px;
|
|
||||||
background: #ffd9d9;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-size: 28px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: center;
|
|
||||||
color: #ff4a4a;
|
|
||||||
line-height: 46px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titleRiht1 {
|
|
||||||
background: #cdf3df;
|
|
||||||
margin-right: 37px;
|
|
||||||
width: 136px;
|
|
||||||
height: 46px;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-size: 28px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 46px;
|
|
||||||
color: #07C160;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.notResult {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #707070;
|
||||||
margin-top: 14px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.notBox {
|
.firstLeftbox {
|
||||||
margin-top: 32px;
|
width: 290px;
|
||||||
|
height: 290px;
|
||||||
|
background: #dddddd;
|
||||||
|
margin-top: 13px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: center;
|
||||||
overflow: hidden;
|
flex-direction: column;
|
||||||
|
border-radius: 50%;
|
||||||
|
|
||||||
.notLeft {
|
.clickFont {
|
||||||
font-size: 26px;
|
font-size: 28px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #707070;
|
color: #707070;
|
||||||
margin-left: 40px;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.notright {
|
.color_bock {
|
||||||
font-size: 26px;
|
width: 290px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
height: 290px;
|
||||||
font-weight: 400;
|
border-radius: 50%;
|
||||||
color: #707070;
|
}
|
||||||
margin-right: 37px;
|
|
||||||
}
|
.color_bocktwo {
|
||||||
|
width: 290px;
|
||||||
|
height: 290px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nameColor {
|
||||||
|
font-size: 24px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #707070;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.reslutBox {
|
||||||
|
width: 692px;
|
||||||
|
height: 180px;
|
||||||
|
background: #ffffff;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left: 29px;
|
||||||
|
border-radius: 20px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reslutTitle {
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 41px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.titleLeft {
|
||||||
|
margin-left: 48px;
|
||||||
|
font-size: 26px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #707070;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottomBox {
|
.titleRiht {
|
||||||
position: fixed;
|
margin-right: 37px;
|
||||||
bottom: 0;
|
width: 136px;
|
||||||
width: 750px;
|
height: 46px;
|
||||||
height: 182px;
|
background: #ffd9d9;
|
||||||
background: #f3f3f3;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
|
font-size: 28px;
|
||||||
overflow: hidden;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
display: flex;
|
font-weight: 400;
|
||||||
|
text-align: center;
|
||||||
.leftBtn {
|
color: #ff4a4a;
|
||||||
width: 264px;
|
line-height: 46px;
|
||||||
height: 82px;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 42px;
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: center;
|
|
||||||
color: #007aff;
|
|
||||||
line-height: 82px;
|
|
||||||
margin-top: 34px;
|
|
||||||
margin-left: 67px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rightBtn {
|
|
||||||
width: 264px;
|
|
||||||
height: 82px;
|
|
||||||
background: #007aff;
|
|
||||||
border-radius: 42px;
|
|
||||||
font-size: 32px;
|
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: center;
|
|
||||||
color: #ffffff;
|
|
||||||
line-height: 82px;
|
|
||||||
margin-top: 34px;
|
|
||||||
margin-left: 88px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.titleRiht1 {
|
||||||
|
background: #cdf3df;
|
||||||
|
margin-right: 37px;
|
||||||
|
width: 136px;
|
||||||
|
height: 46px;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 46px;
|
||||||
|
color: #07c160;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.notResult {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 26px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ababab;
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notBox {
|
||||||
|
margin-top: 32px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.notLeft {
|
||||||
|
font-size: 26px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #707070;
|
||||||
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notright {
|
||||||
|
font-size: 26px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #707070;
|
||||||
|
margin-right: 37px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottomBox {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 750px;
|
||||||
|
height: 182px;
|
||||||
|
background: #f3f3f3;
|
||||||
|
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.leftBtn {
|
||||||
|
width: 264px;
|
||||||
|
height: 82px;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 42px;
|
||||||
|
font-size: 32px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: center;
|
||||||
|
color: $color_main;
|
||||||
|
line-height: 82px;
|
||||||
|
margin-top: 34px;
|
||||||
|
margin-left: 67px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightBtn {
|
||||||
|
width: 264px;
|
||||||
|
height: 82px;
|
||||||
|
background: $color_main;
|
||||||
|
border-radius: 42px;
|
||||||
|
font-size: 32px;
|
||||||
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: center;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 82px;
|
||||||
|
margin-top: 34px;
|
||||||
|
margin-left: 88px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,126 +1,124 @@
|
|||||||
.popup_main{
|
.popup_main {
|
||||||
width: 608px;
|
width: 608px;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.popup_title{
|
.popup_title {
|
||||||
font-size: $font_size;
|
font-size: $font_size;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.scroll {
|
||||||
|
flex: 1;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.popup_filter {
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
|
.popup_filter_item {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.title {
|
||||||
|
font-size: $font_size;
|
||||||
|
color: $color_font_one;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.btn_list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 165.75px);
|
||||||
|
justify-content: space-between;
|
||||||
|
.btn_item {
|
||||||
|
width: 165.75px;
|
||||||
|
height: 69.2px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 34px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 20px 0;
|
line-height: 69.2px;
|
||||||
}
|
font-size: $font_size_medium;
|
||||||
.scroll{
|
color: $color_font_one;
|
||||||
flex:1;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.popup_filter{
|
|
||||||
padding-bottom: 100px;
|
|
||||||
}
|
|
||||||
.popup_filter_item{
|
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
.title{
|
}
|
||||||
font-size: $font_size;
|
.select_btn_item {
|
||||||
color: $color_font_one;
|
color: $color_main;
|
||||||
font-weight: 700;
|
background: #ecf5ff;
|
||||||
padding: 20px 0;
|
border: 2px solid $color_main;
|
||||||
}
|
width: 161.75px;
|
||||||
.btn_list{
|
height: 65.2px;
|
||||||
display: grid;
|
}
|
||||||
grid-template-columns: repeat(3, 165.75px);
|
|
||||||
justify-content: space-between;
|
|
||||||
.btn_item{
|
|
||||||
width: 165.75px;
|
|
||||||
height: 69.2px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 34px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 69.2px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_font_one;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.select_btn_item{
|
|
||||||
color: $color_main;
|
|
||||||
background: #ecf5ff;
|
|
||||||
border: 2px solid #007aff;
|
|
||||||
width: 161.75px;
|
|
||||||
height: 65.2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_input{
|
|
||||||
display: flex;
|
|
||||||
// justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.btn_width {
|
|
||||||
width: 220px;
|
|
||||||
height: 70px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 50px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
input{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.unit{
|
|
||||||
color: $color_font_one;
|
|
||||||
font-size: $font_size;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
text{
|
|
||||||
color: #ccc;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
.width_main{
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_element{
|
|
||||||
background-color: #F0F0F0;
|
|
||||||
border-radius: 30px;
|
|
||||||
padding: 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
textarea{
|
|
||||||
width: 100%;
|
|
||||||
height: 126px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.btns_con{
|
.btn_list_input {
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.btn_width {
|
||||||
|
width: 220px;
|
||||||
|
height: 70px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 50px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.unit {
|
||||||
|
color: $color_font_one;
|
||||||
|
font-size: $font_size;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
text {
|
||||||
|
color: #ccc;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
.width_main {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn_list_element {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
height: 126px;
|
||||||
bottom:0;
|
font-size: $font_size_medium;
|
||||||
padding-bottom: constant(safe-area-inset-bottom);
|
}
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
.btns_two{
|
|
||||||
display: flex;
|
|
||||||
width: 552px;
|
|
||||||
height: 82px;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
font-size: $font_size_big;
|
|
||||||
border-radius: 40px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.rest_btn{
|
|
||||||
flex:1;
|
|
||||||
border-radius: 0px 40px 40px 0px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: $color_main;
|
|
||||||
|
|
||||||
}
|
|
||||||
.verify_btn{
|
|
||||||
flex:1;
|
|
||||||
border-radius: 0px 40px 40px 0px;
|
|
||||||
background: #007aff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 82px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.btns_con {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
padding-bottom: constant(safe-area-inset-bottom);
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
.btns_two {
|
||||||
|
display: flex;
|
||||||
|
width: 552px;
|
||||||
|
height: 82px;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
font-size: $font_size_big;
|
||||||
|
border-radius: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.rest_btn {
|
||||||
|
flex: 1;
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: $color_main;
|
||||||
|
}
|
||||||
|
.verify_btn {
|
||||||
|
flex: 1;
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
background: $color_main;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 82px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -1,150 +1,148 @@
|
|||||||
.main{
|
.main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: $color_bg_one;
|
||||||
|
.search {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.filter {
|
||||||
|
.filter_all {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px 50px;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
color: $color_font_three;
|
||||||
|
.text_one {
|
||||||
|
color: $color_main;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.text_two {
|
||||||
|
position: relative;
|
||||||
|
.miconfont {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
width: 2px;
|
||||||
|
height: 32px;
|
||||||
|
background-color: #c2c2c2;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: -50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.filter_btns {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
.selected {
|
||||||
|
background-color: #ecf5ff;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
color: $color_main;
|
||||||
|
width: 122px;
|
||||||
|
height: 42.93px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.list {
|
||||||
|
flex: 1;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.popup_main {
|
||||||
|
width: 608px;
|
||||||
|
height: 100vh;
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
.popup_title {
|
||||||
background-color: $color_bg_one;
|
font-size: $font_size;
|
||||||
.search{
|
font-weight: 700;
|
||||||
padding: 20px;
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
.filter{
|
.scroll {
|
||||||
.filter_all {
|
flex: 1;
|
||||||
display: flex;
|
height: 0;
|
||||||
justify-content: space-between;
|
}
|
||||||
padding: 20px 50px;
|
.popup_filter {
|
||||||
|
}
|
||||||
|
.popup_filter_item {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.title {
|
||||||
|
font-size: $font_size;
|
||||||
|
color: $color_font_one;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.btn_list {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 165.75px);
|
||||||
|
justify-content: space-between;
|
||||||
|
.btn_item {
|
||||||
|
width: 165.75px;
|
||||||
|
height: 69.2px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 34px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 69.2px;
|
||||||
|
font-size: $font_size_medium;
|
||||||
|
color: $color_font_one;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.select_btn_item {
|
||||||
|
color: $color_main;
|
||||||
|
background: #ecf5ff;
|
||||||
|
border: 2px solid $color_main;
|
||||||
|
width: 161.75px;
|
||||||
|
height: 65.2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn_list_input {
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.btn_width {
|
||||||
|
width: 220px;
|
||||||
|
height: 70px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
border-radius: 50px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
font-size: $font_size_medium;
|
font-size: $font_size_medium;
|
||||||
color: $color_font_three;
|
}
|
||||||
.text_one{
|
|
||||||
color: $color_main;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.text_two{
|
|
||||||
position: relative;
|
|
||||||
.miconfont{
|
|
||||||
font-size: 20px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
&::before{
|
|
||||||
content: '';
|
|
||||||
width: 2px;
|
|
||||||
height: 32px;
|
|
||||||
background-color: #C2C2C2;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: -50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.filter_btns{
|
.unit {
|
||||||
display: flex;
|
color: $color_font_one;
|
||||||
justify-content: space-between;
|
font-size: $font_size;
|
||||||
padding: 20px;
|
margin-left: 20px;
|
||||||
|
|
||||||
.selected{
|
|
||||||
background-color: #ecf5ff;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
color: $color_main;
|
|
||||||
width: 122px;
|
|
||||||
height: 42.93px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
text {
|
||||||
.list{
|
color: #ccc;
|
||||||
flex:1;
|
padding: 0 20px;
|
||||||
height: 0;
|
}
|
||||||
}
|
.width_main {
|
||||||
.popup_main{
|
}
|
||||||
width: 608px;
|
}
|
||||||
height: 100vh;
|
.btn_list_element {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-radius: 30px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
textarea {
|
||||||
flex-direction: column;
|
width: 100%;
|
||||||
.popup_title{
|
height: 126px;
|
||||||
font-size: $font_size;
|
font-size: $font_size_medium;
|
||||||
font-weight: 700;
|
|
||||||
text-align: center;
|
|
||||||
padding: 20px 0;
|
|
||||||
}
|
|
||||||
.scroll{
|
|
||||||
flex:1;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
.popup_filter{
|
|
||||||
|
|
||||||
}
|
|
||||||
.popup_filter_item{
|
|
||||||
margin-bottom: 20px;
|
|
||||||
.title{
|
|
||||||
font-size: $font_size;
|
|
||||||
color: $color_font_one;
|
|
||||||
font-weight: 700;
|
|
||||||
padding: 20px 0;
|
|
||||||
}
|
|
||||||
.btn_list{
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(3, 165.75px);
|
|
||||||
justify-content: space-between;
|
|
||||||
.btn_item{
|
|
||||||
width: 165.75px;
|
|
||||||
height: 69.2px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 34px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 69.2px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
color: $color_font_one;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.select_btn_item{
|
|
||||||
color: $color_main;
|
|
||||||
background: #ecf5ff;
|
|
||||||
border: 2px solid #007aff;
|
|
||||||
width: 161.75px;
|
|
||||||
height: 65.2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_input{
|
|
||||||
display: flex;
|
|
||||||
// justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.btn_width {
|
|
||||||
width: 220px;
|
|
||||||
height: 70px;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border-radius: 50px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
input{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.unit{
|
|
||||||
color: $color_font_one;
|
|
||||||
font-size: $font_size;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
text{
|
|
||||||
color: #ccc;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
.width_main{
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn_list_element{
|
|
||||||
background-color: #F0F0F0;
|
|
||||||
border-radius: 30px;
|
|
||||||
padding: 20px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
textarea{
|
|
||||||
width: 100%;
|
|
||||||
height: 126px;
|
|
||||||
font-size: $font_size_medium;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -100,7 +100,7 @@
|
|||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -190,7 +190,7 @@
|
|||||||
.card-main-title-content-item-badge {
|
.card-main-title-content-item-badge {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border: 2px solid #ffffff;
|
border: 2px solid #ffffff;
|
||||||
border-radius: 32px;
|
border-radius: 32px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -224,7 +224,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.assets-content-item-top {
|
.assets-content-item-top {
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -324,14 +324,14 @@
|
|||||||
|
|
||||||
.auth-status,
|
.auth-status,
|
||||||
.auth-status-adopt {
|
.auth-status-adopt {
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
background-color: #cde5ff;
|
background-color: #cde5ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-tips {
|
.auth-tips {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -459,7 +459,7 @@
|
|||||||
.tips-modal-button view {
|
.tips-modal-button view {
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-box {
|
.auth-box {
|
||||||
@ -522,14 +522,14 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-font {
|
.auth-font {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,76 +1,76 @@
|
|||||||
.modify-ickname-content {
|
.modify-ickname-content {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
width: 658px;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
|
||||||
|
.modify-ickname-input {
|
||||||
width: 658px;
|
width: 658px;
|
||||||
padding-bottom: 50px;
|
height: 182px;
|
||||||
|
background: #f3f3f3;
|
||||||
.modify-ickname-input {
|
border: 2px solid #e6e6e6;
|
||||||
width: 658px;
|
border-radius: 10px;
|
||||||
height: 182px;
|
padding: 15px;
|
||||||
background: #f3f3f3;
|
box-sizing: border-box;
|
||||||
border: 2px solid #e6e6e6;
|
font-size: 22px;
|
||||||
border-radius: 10px;
|
font-weight: 400;
|
||||||
padding: 15px;
|
color: #ababab;
|
||||||
box-sizing: border-box;
|
display: flex;
|
||||||
font-size: 22px;
|
flex-direction: column;
|
||||||
font-weight: 400;
|
align-items: flex-end;
|
||||||
color: #ababab;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-input textarea {
|
|
||||||
width: 100%;
|
|
||||||
height: 80%;
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #3c3c3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-tips {
|
|
||||||
font-size: 22px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #ababab;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation {
|
|
||||||
width: 658px;
|
|
||||||
height: 82px;
|
|
||||||
background: #ffffff;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
border-radius: 40px;
|
|
||||||
display: flex;
|
|
||||||
overflow: hidden;
|
|
||||||
margin-top: 105px;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation button {
|
|
||||||
height: 100%;
|
|
||||||
width: 50%;
|
|
||||||
font-size: 32px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #007aff;
|
|
||||||
background-color: white;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
padding: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation button::after,
|
|
||||||
.user-edit-logout::after {
|
|
||||||
border-radius: 0;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation .modify-ickname-operation-save {
|
|
||||||
background: #007aff;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation button::after {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modify-ickname-input textarea {
|
||||||
|
width: 100%;
|
||||||
|
height: 80%;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #3c3c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-tips {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ababab;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation {
|
||||||
|
width: 658px;
|
||||||
|
height: 82px;
|
||||||
|
background: #ffffff;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
border-radius: 40px;
|
||||||
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: 105px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation button {
|
||||||
|
height: 100%;
|
||||||
|
width: 50%;
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: $color_main;
|
||||||
|
background-color: white;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
padding: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation button::after,
|
||||||
|
.user-edit-logout::after {
|
||||||
|
border-radius: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation .modify-ickname-operation-save {
|
||||||
|
background: $color_main;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation button::after {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -1,16 +1,18 @@
|
|||||||
.user-edit{
|
.user-edit {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: #f3f3f3;
|
background: #f3f3f3;
|
||||||
.user-edit-portrait{
|
.user-edit-portrait {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
display: flex;flex-direction: column;
|
display: flex;
|
||||||
align-items: center;justify-content: center;
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
}
|
}
|
||||||
.user-edit-portrait image{
|
.user-edit-portrait image {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 170px;
|
height: 170px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
@ -19,72 +21,81 @@
|
|||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-edit-content{
|
.user-edit-content {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
}
|
}
|
||||||
.user-edit-content-title{
|
.user-edit-content-title {
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
}
|
}
|
||||||
.user-edit-content-title text{
|
.user-edit-content-title text {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
.user-edit-content-phone{
|
.user-edit-content-phone {
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
display: flex;justify-content: space-between;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.user-edit-content-phone text{
|
.user-edit-content-phone text {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
.user-edit-content-bindphone{
|
.user-edit-content-bindphone {
|
||||||
padding: 0;width: auto;height: auto;
|
padding: 0;
|
||||||
margin: 0;background: none;border: 0;
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
margin: 0;
|
||||||
|
background: none;
|
||||||
|
border: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
}
|
}
|
||||||
.user-edit-content-bindphone::after{
|
.user-edit-content-bindphone::after {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.user-edit-content-company{
|
.user-edit-content-company {
|
||||||
width: 118px;
|
width: 118px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background: #dddddd;
|
background: #dddddd;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #707070;
|
color: #707070;
|
||||||
}
|
}
|
||||||
.user-edit-content-company,.user-edit-content-company-adopt{
|
.user-edit-content-company,
|
||||||
background: #CDF3DF;
|
.user-edit-content-company-adopt {
|
||||||
color: #07C160;
|
background: #cdf3df;
|
||||||
|
color: #07c160;
|
||||||
}
|
}
|
||||||
.user-edit-content-company text{
|
.user-edit-content-company text {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
.user-edit-content-company.user-edit-content-company-auth{
|
.user-edit-content-company.user-edit-content-company-auth {
|
||||||
background-color: #CDF3DF;
|
background-color: #cdf3df;
|
||||||
color: #07C160;
|
color: #07c160;
|
||||||
}
|
}
|
||||||
.user-edit-list{
|
.user-edit-list {
|
||||||
height: 90px;
|
height: 90px;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
border-bottom: 2px solid #f0f0f0;
|
border-bottom: 2px solid #f0f0f0;
|
||||||
}
|
}
|
||||||
.user-edit-list:last-of-type{
|
.user-edit-list:last-of-type {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.user-edit-list-left{
|
.user-edit-list-left {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
border-right: 2px solid #f3f3f3;
|
border-right: 2px solid #f3f3f3;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
@ -92,35 +103,39 @@
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.user-edit-list-right{
|
.user-edit-list-right {
|
||||||
display: flex;justify-content: space-between;align-items: center;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
.user-edit-list-right>view{
|
.user-edit-list-right > view {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.user-edit-list-right-placeholder{
|
.user-edit-list-right-placeholder {
|
||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
}
|
}
|
||||||
.user-edit-list-right .icon-a-moreback{
|
.user-edit-list-right .icon-a-moreback {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-edit-logout{
|
.user-edit-logout {
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border: 2px solid #cde5ff;
|
border: 2px solid #cde5ff;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
// margin: 359px auto 0;
|
// margin: 359px auto 0;
|
||||||
position: fixed;left: 50%;bottom: 50px;
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 50px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1,76 +1,76 @@
|
|||||||
.modify-ickname-content {
|
.modify-ickname-content {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
width: 658px;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
|
||||||
|
.modify-ickname-input {
|
||||||
width: 658px;
|
width: 658px;
|
||||||
padding-bottom: 50px;
|
height: 182px;
|
||||||
|
background: #f3f3f3;
|
||||||
.modify-ickname-input {
|
border: 2px solid #e6e6e6;
|
||||||
width: 658px;
|
border-radius: 10px;
|
||||||
height: 182px;
|
padding: 15px;
|
||||||
background: #f3f3f3;
|
box-sizing: border-box;
|
||||||
border: 2px solid #e6e6e6;
|
font-size: 22px;
|
||||||
border-radius: 10px;
|
font-weight: 400;
|
||||||
padding: 15px;
|
color: #ababab;
|
||||||
box-sizing: border-box;
|
display: flex;
|
||||||
font-size: 22px;
|
flex-direction: column;
|
||||||
font-weight: 400;
|
align-items: flex-end;
|
||||||
color: #ababab;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-input textarea {
|
|
||||||
width: 100%;
|
|
||||||
height: 80%;
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #3c3c3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-tips {
|
|
||||||
font-size: 22px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #ababab;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation {
|
|
||||||
width: 658px;
|
|
||||||
height: 82px;
|
|
||||||
background: #ffffff;
|
|
||||||
border: 2px solid #cde5ff;
|
|
||||||
border-radius: 40px;
|
|
||||||
display: flex;
|
|
||||||
overflow: hidden;
|
|
||||||
margin-top: 105px;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation button {
|
|
||||||
height: 100%;
|
|
||||||
width: 50%;
|
|
||||||
font-size: 32px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #007aff;
|
|
||||||
background-color: white;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
padding: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation button::after,
|
|
||||||
.user-edit-logout::after {
|
|
||||||
border-radius: 0;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation .modify-ickname-operation-save {
|
|
||||||
background: #007aff;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modify-ickname-operation button::after {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modify-ickname-input textarea {
|
||||||
|
width: 100%;
|
||||||
|
height: 80%;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #3c3c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-tips {
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ababab;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation {
|
||||||
|
width: 658px;
|
||||||
|
height: 82px;
|
||||||
|
background: #ffffff;
|
||||||
|
border: 2px solid #cde5ff;
|
||||||
|
border-radius: 40px;
|
||||||
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: 105px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation button {
|
||||||
|
height: 100%;
|
||||||
|
width: 50%;
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: $color_main;
|
||||||
|
background-color: white;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
padding: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation button::after,
|
||||||
|
.user-edit-logout::after {
|
||||||
|
border-radius: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation .modify-ickname-operation-save {
|
||||||
|
background: $color_main;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-ickname-operation button::after {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -202,6 +202,6 @@
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,45 +1,46 @@
|
|||||||
.weight-list-manager{
|
.weight-list-manager {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
||||||
.weight-list-scroll-view{
|
.weight-list-scroll-view {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
scroll-view{
|
scroll-view {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.weight-list-list{
|
.weight-list-list {
|
||||||
width: 704px;
|
width: 704px;
|
||||||
height: 156px;
|
height: 156px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
box-shadow: 2px 4px 12px 0px rgba(0,0,0,0.16);
|
box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.16);
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 18px auto 0;
|
margin: 18px auto 0;
|
||||||
border: 1px solid #ffffff;
|
border: 1px solid #ffffff;
|
||||||
}
|
}
|
||||||
.weight-list-list:first-child{
|
.weight-list-list:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.address-active{
|
.address-active {
|
||||||
border: 1px solid #68b4ff;
|
border: 1px solid #68b4ff;
|
||||||
box-shadow: 0px 0px 10px 0px rgba(0,122,255,0.27);
|
box-shadow: 0px 0px 10px 0px rgba(0, 122, 255, 0.27);
|
||||||
}
|
}
|
||||||
.weight-list-list:last-child{
|
.weight-list-list:last-child {
|
||||||
margin-bottom: 300px;
|
margin-bottom: 300px;
|
||||||
}
|
}
|
||||||
.weight-list-user{
|
.weight-list-user {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
.weight-list-list-default{
|
.weight-list-list-default {
|
||||||
width: 58px;
|
width: 58px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
background: #cde5ff;
|
background: #cde5ff;
|
||||||
@ -47,42 +48,46 @@
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #007aff;
|
color: $color_main;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
|
|
||||||
}
|
}
|
||||||
.weight-list-list-phone{
|
.weight-list-list-phone {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
.weight-list-edit .icon-bianji{
|
.weight-list-edit .icon-bianji {
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.weight-list-list-info{
|
.weight-list-list-info {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #3c3c3c;
|
color: #3c3c3c;
|
||||||
}
|
}
|
||||||
.weight-list-list-bottom{
|
.weight-list-list-bottom {
|
||||||
display: flex;justify-content: space-between;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
}
|
}
|
||||||
.add-weight-list{
|
.add-weight-list {
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
position: absolute;bottom: 8%;left: 50%;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 8%;
|
||||||
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
.weight-list-no-data{
|
.weight-list-no-data {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@ -1,8 +1,10 @@
|
|||||||
.add-address{
|
.add-address {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.add-address-default{
|
.add-address-default {
|
||||||
display: flex;align-items: center;justify-content: space-between;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
margin: 70px 30px 0;
|
margin: 70px 30px 0;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -10,30 +12,33 @@
|
|||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.add-address-default-active{
|
.add-address-default-active {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: #007aff;
|
background: $color_main;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: flex;align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 45px;
|
font-size: 45px;
|
||||||
color: white;
|
color: white;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.add-address-default-active text{
|
.add-address-default-active text {
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
}
|
}
|
||||||
.add-address-default-noactive{
|
.add-address-default-noactive {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
border: 2px solid #707070;
|
border: 2px solid #707070;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-address-save{
|
.add-address-save {
|
||||||
width: 668px;
|
width: 668px;
|
||||||
height: 82px;
|
height: 82px;
|
||||||
background: #68b4ff;
|
background: #68b4ff;
|
||||||
@ -41,7 +46,9 @@
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
display: flex;align-items: center;justify-content: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
margin: 620px auto 0;
|
margin: 620px auto 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user