✨ feat(ID1000857): 【陆盈面料商城】体验优化补充：点击“转出“”弹窗提示“若需提现，请联系业务经理进行转出”
【【陆盈面料商城】体验优化补充：点击“转出“”弹窗提示“若需提现，请联系业务经理进行转出”】 https://www.tapd.cn/53459131/prong/stories/view/1153459131001000857
This commit is contained in:
xuan
parent
f91e014db5
commit
a9f9f5f0c6
@ -37,7 +37,8 @@
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #000000;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.address-list-default {
|
||||
width: 58px;
|
||||
@ -47,9 +48,8 @@
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
margin-left: 30px;
|
||||
|
||||
}
|
||||
.address-list-phone {
|
||||
font-size: 24px;
|
||||
@ -74,22 +74,28 @@
|
||||
.address-list-info view {
|
||||
max-width: 60%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;white-space: nowrap;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.address-list-bottom {
|
||||
display: flex;justify-content: space-between;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.add-address {
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
position: absolute;bottom: 100px;left: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
bottom: 100px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.address-no-data {
|
||||
|
||||
@ -10,8 +10,8 @@
|
||||
margin-top: 20px;
|
||||
}
|
||||
.form-list-label-required::before {
|
||||
content: "*";
|
||||
color: #FF0000;
|
||||
content: '*';
|
||||
color: #ff0000;
|
||||
font-size: 28px;
|
||||
}
|
||||
.form-list-right {
|
||||
@ -26,12 +26,14 @@
|
||||
border-radius: 20px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 20px;
|
||||
display: flex;justify-content: space-between;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.form-list-input {
|
||||
width: 100%;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.form-list-input view {
|
||||
height: 100%;
|
||||
@ -45,12 +47,14 @@
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
color: white;
|
||||
}
|
||||
.form-list-right input,.form-list-right textarea{
|
||||
.form-list-right input,
|
||||
.form-list-right textarea {
|
||||
// flex: 0 0 auto;
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
@ -71,7 +75,9 @@
|
||||
font-size: 28px;
|
||||
}
|
||||
.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;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
@ -81,12 +87,14 @@
|
||||
.add-address-save {
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 620px auto 0;
|
||||
}
|
||||
}
|
||||
@ -2,7 +2,7 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 30px;
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
padding: 15px 0;
|
||||
|
||||
.From-list-certification-label {
|
||||
@ -10,12 +10,13 @@
|
||||
font-weight: 400;
|
||||
color: #000000;
|
||||
width: 200px;
|
||||
border-right: 1px solid #F0F0F0;
|
||||
display: flex;align-items: center;
|
||||
border-right: 1px solid #f0f0f0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.From-list-certification-label-required::before {
|
||||
content: "*";
|
||||
color: #FF0000;
|
||||
content: '*';
|
||||
color: #ff0000;
|
||||
font-size: 28px;
|
||||
}
|
||||
.From-list-certification-right {
|
||||
@ -29,12 +30,14 @@
|
||||
border-radius: 20px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 20px;
|
||||
display: flex;justify-content: space-between;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.From-list-certification-input {
|
||||
width: 100%;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.From-list-certification-input view {
|
||||
height: 100%;
|
||||
@ -48,12 +51,14 @@
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
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;
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
@ -69,14 +74,18 @@
|
||||
}
|
||||
.From-list-certification-right-placeholder {
|
||||
color: #ababab;
|
||||
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
.From-list-certification-right-enter .icon-a-moreback {
|
||||
font-size: 28px;
|
||||
}
|
||||
.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;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
@ -86,12 +95,14 @@
|
||||
.add-address-save {
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 620px auto 0;
|
||||
}
|
||||
}
|
||||
@ -20,7 +20,7 @@
|
||||
}
|
||||
.miconfont {
|
||||
font-size: 36px;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
.text {
|
||||
margin-left: 10px;
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
height: 46px;
|
||||
text-align: center;
|
||||
line-height: 43px;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
.input {
|
||||
display: flex;
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
.select_btn_item {
|
||||
color: $color_main;
|
||||
background: #ecf5ff;
|
||||
border: 2px solid #007aff;
|
||||
border: 2px solid $color_main;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
@ -75,11 +75,10 @@
|
||||
padding: 0 20px;
|
||||
}
|
||||
.width_main {
|
||||
|
||||
}
|
||||
}
|
||||
.btn_list_element {
|
||||
background-color: #F0F0F0;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 30px;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
@ -111,12 +110,11 @@
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: $color_main;
|
||||
|
||||
}
|
||||
.verify_btn {
|
||||
flex: 1;
|
||||
border-radius: 0px 40px 40px 0px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: #fff;
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
.select_btn_item {
|
||||
color: $color_main;
|
||||
background: #ecf5ff;
|
||||
border: 2px solid #007aff;
|
||||
border: 2px solid $color_main;
|
||||
width: 161.75px;
|
||||
height: 65.2px;
|
||||
}
|
||||
@ -76,11 +76,10 @@
|
||||
padding: 0 20px;
|
||||
}
|
||||
.width_main {
|
||||
|
||||
}
|
||||
}
|
||||
.btn_list_element {
|
||||
background-color: #F0F0F0;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 30px;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
@ -111,12 +110,11 @@
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: $color_main;
|
||||
|
||||
}
|
||||
.verify_btn {
|
||||
flex: 1;
|
||||
border-radius: 0px 40px 40px 0px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: #fff;
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
}
|
||||
}
|
||||
.sideBar_select_title_select {
|
||||
background-color: #007aff;
|
||||
background-color: $color_main;
|
||||
color: #fff;
|
||||
border-radius: 0px 14px 14px 0px;
|
||||
}
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.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;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
@ -11,9 +13,10 @@
|
||||
.add-address-default-active {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 50%;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 45px;
|
||||
color: white;
|
||||
@ -28,7 +31,9 @@
|
||||
border: 2px solid #707070;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.add-address-save {
|
||||
@ -39,9 +44,13 @@
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// margin: 620px auto 0;
|
||||
position: fixed;left: 50%;bottom: 50px;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 50px;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.apply_after_sales_main {
|
||||
.apply_after_sales_head {
|
||||
font-size: 30px;
|
||||
@ -10,9 +9,9 @@
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1PX solid #f3f3f3;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
text {
|
||||
background-color: #F6F6F6;
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 10px;
|
||||
font-size: $font_size_medium;
|
||||
padding: 5px 0;
|
||||
@ -32,7 +31,7 @@
|
||||
.returnSaleInput {
|
||||
margin: 0 20px;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid #F6F6F6;
|
||||
border-top: 1px solid #f6f6f6;
|
||||
.returnSaleInput_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -67,10 +66,8 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.btns_con {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
@ -82,24 +79,23 @@
|
||||
.btns_two {
|
||||
display: flex;
|
||||
height: 82px;
|
||||
// border: 1PX solid #007aff;
|
||||
// border: 1PX solid $color_main;
|
||||
font-size: $font_size_big;
|
||||
border-radius: 40px;
|
||||
margin-bottom: 20px;
|
||||
.rest_btn {
|
||||
flex: 1;
|
||||
border: 1PX solid #007aff;
|
||||
border: 1px solid $color_main;
|
||||
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;
|
||||
background: $color_main;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: #fff;
|
||||
@ -107,4 +103,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.certification {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #F0F0F0;
|
||||
background-color: #f0f0f0;
|
||||
padding-bottom: 300px;
|
||||
.certification-content {
|
||||
background-color: white;
|
||||
@ -25,11 +25,13 @@
|
||||
border: 10px solid #cde5ff;
|
||||
border-radius: 30px;
|
||||
margin: 0 auto;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 34px;
|
||||
font-weight: 700;
|
||||
color: #68b4ff;
|
||||
background-color: #ECF5FF;
|
||||
background-color: #ecf5ff;
|
||||
position: relative;
|
||||
margin-top: 60px;
|
||||
}
|
||||
@ -37,18 +39,25 @@
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.certification-upload-no {
|
||||
display: flex;flex-direction: column;align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.certification-upload image {
|
||||
position: absolute;width: 100%;height: 100%;
|
||||
object-fit: cover;border-radius: 30px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.certification-upload-no-icon {
|
||||
width: 104px;
|
||||
height: 104px;
|
||||
background: #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%;
|
||||
color: white;
|
||||
}
|
||||
@ -60,7 +69,10 @@
|
||||
color: #000000;
|
||||
}
|
||||
.certification-button {
|
||||
position: absolute;bottom: -10px;left: -10px;right: -10px;
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
left: -10px;
|
||||
right: -10px;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
display: flex;
|
||||
height: 86px;
|
||||
@ -69,22 +81,29 @@
|
||||
}
|
||||
.certification-button view {
|
||||
flex: 1;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
.certification-button view:first-child {
|
||||
border-right: 1px solid #CCCCCC;
|
||||
border-right: 1px solid #cccccc;
|
||||
}
|
||||
.certification-footer {
|
||||
width: 750px;
|
||||
height: 174px;
|
||||
background: #ffffff;
|
||||
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%;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 2;
|
||||
}
|
||||
.certification-footer-button {
|
||||
@ -97,19 +116,24 @@
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.certification-footer-button view,.certification-footer-button navigator{
|
||||
.certification-footer-button view,
|
||||
.certification-footer-button navigator {
|
||||
flex: 1;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #007aff;
|
||||
border: 0;border-radius: none;
|
||||
color: $color_main;
|
||||
border: 0;
|
||||
border-radius: none;
|
||||
}
|
||||
.certification-footer-button navigator::after {
|
||||
border: 0;border-radius: none;
|
||||
border: 0;
|
||||
border-radius: none;
|
||||
}
|
||||
.certification-footer-button view:last-child {
|
||||
color: white;
|
||||
background-color: #007AFF;
|
||||
background-color: $color_main;
|
||||
}
|
||||
}
|
||||
@ -44,7 +44,7 @@
|
||||
.select_btn_item {
|
||||
color: $color_main;
|
||||
background: #ecf5ff;
|
||||
border: 2px solid #007aff;
|
||||
border: 2px solid $color_main;
|
||||
width: 161.75px;
|
||||
height: 65.2px;
|
||||
}
|
||||
@ -76,11 +76,10 @@
|
||||
padding: 0 20px;
|
||||
}
|
||||
.width_main {
|
||||
|
||||
}
|
||||
}
|
||||
.btn_list_element {
|
||||
background-color: #F0F0F0;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 30px;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
@ -111,12 +110,11 @@
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: $color_main;
|
||||
|
||||
}
|
||||
.verify_btn {
|
||||
flex: 1;
|
||||
border-radius: 0px 40px 40px 0px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: #fff;
|
||||
|
||||
@ -98,7 +98,7 @@
|
||||
.select_btn_item {
|
||||
color: $color_main;
|
||||
background: #ecf5ff;
|
||||
border: 2px solid #007aff;
|
||||
border: 2px solid $color_main;
|
||||
width: 161.75px;
|
||||
height: 65.2px;
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
}
|
||||
.miconfont {
|
||||
font-size: 36px;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
.text {
|
||||
margin-left: 10px;
|
||||
|
||||
@ -25,8 +25,8 @@ page {
|
||||
}
|
||||
.miconfont {
|
||||
font-size: 30px;
|
||||
color: #007aff;
|
||||
border: 1px solid #007aff;
|
||||
color: $color_main;
|
||||
border: 1px solid $color_main;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,18 +4,21 @@
|
||||
.save-button {
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 320px auto 0;
|
||||
}
|
||||
|
||||
.form-radio {
|
||||
display: flex;
|
||||
flex-wrap: wrap;align-items: center;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
.form-radio view {
|
||||
height: 54px;
|
||||
@ -26,7 +29,9 @@
|
||||
color: #707070;
|
||||
padding: 10px 28px;
|
||||
box-sizing: border-box;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 10px;
|
||||
border: 2px solid #f0f0f0;
|
||||
max-width: 100%;
|
||||
|
||||
@ -14,7 +14,8 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.credit-line-card-top {
|
||||
display: flex;align-items: flex-end;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
padding: 30px 20px;
|
||||
border-bottom: 1px solid #f6f6f6;
|
||||
position: relative;
|
||||
@ -32,7 +33,7 @@
|
||||
.credit-line-card-top-info-price {
|
||||
font-size: 44px;
|
||||
font-weight: 700;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
.credit-line-card-top-info-price text {
|
||||
@ -50,10 +51,14 @@
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
color: #07c160;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-top-right-radius: 20px;
|
||||
border-bottom-left-radius: 20px;
|
||||
position: absolute;right: 0;top: 30px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
}
|
||||
.credit-line-card-bottom {
|
||||
padding: 30px 0;
|
||||
@ -66,14 +71,15 @@
|
||||
font-weight: 700;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
align-items: center;justify-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 15px;
|
||||
line-height: 38px;
|
||||
}
|
||||
.credit-line-card-bottom-item-title text {
|
||||
font-size: 40px;
|
||||
margin-right: 10px;
|
||||
color: #007AFF;
|
||||
color: $color_main;
|
||||
}
|
||||
.credit-line-card-bottom-item-title .miconfont {
|
||||
color: #ccc;
|
||||
|
||||
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 './index.scss'
|
||||
import { setClipboardData } from '@tarojs/taro'
|
||||
import { useEffect } from 'react'
|
||||
import Taro, { setClipboardData } from '@tarojs/taro'
|
||||
import { useEffect, useState } from 'react'
|
||||
import classNames from 'classnames'
|
||||
import styles from './index.module.scss'
|
||||
import { depositInfoApi } from '@/api/deposit'
|
||||
import { formatPriceDiv, toDecimal2 } from '@/common/fotmat'
|
||||
import Message from '@/components/Message'
|
||||
import useLogin from '@/use/useLogin'
|
||||
import Dialog from '@/components/Dialog'
|
||||
import { useSelector } from '@/reducers/hooks'
|
||||
import { alert } from '@/common/common'
|
||||
|
||||
const DepositBeforehand = () => {
|
||||
useLogin()
|
||||
@ -22,46 +26,76 @@ const DepositBeforehand = () => {
|
||||
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 (
|
||||
<View className="deposit-beforehand">
|
||||
<View className={styles['deposit-beforehand']}>
|
||||
<Message text="汇款成功后，1-5分钟自动到账。" />
|
||||
<View className="deposit-beforehand-card">
|
||||
<View className="deposit-beforehand-balance">
|
||||
<View className="deposit-beforehand-balance-title">余额 (元)</View>
|
||||
<Text className="deposit-beforehand-balance-price">{toDecimal2(formatPriceDiv(state.data?.amount)).toLocaleString()}</Text>
|
||||
<View className="deposit-beforehand-balance-button">转出</View>
|
||||
<View className={styles['deposit-beforehand-card']}>
|
||||
<View className={styles['deposit-beforehand-balance']}>
|
||||
<View className={styles['deposit-beforehand-balance-title']}>余额 (元)</View>
|
||||
<Text className={styles['deposit-beforehand-balance-price']}>{toDecimal2(formatPriceDiv(state.data?.amount)).toLocaleString()}</Text>
|
||||
<View className={styles['deposit-beforehand-balance-button']} onClick={handleClick}>转出</View>
|
||||
</View>
|
||||
</View>
|
||||
<View className="deposit-beforehand-card">
|
||||
<View className="deposit-beforehand-info">
|
||||
<View className="deposit-beforehand-info-title">
|
||||
<View className="deposit-beforehand-info-title-left"><Text></Text> 预存款充值</View>
|
||||
<View className="deposit-beforehand-info-title-copy" onClick={handleCopy}>复制</View>
|
||||
<View className={styles['deposit-beforehand-card']}>
|
||||
<View className={styles['deposit-beforehand-info']}>
|
||||
<View className={styles['deposit-beforehand-info-title']}>
|
||||
<View className={styles['deposit-beforehand-info-title-left']}><Text></Text> 预存款充值</View>
|
||||
<View className={styles['deposit-beforehand-info-title-copy']} onClick={handleCopy}>复制</View>
|
||||
</View>
|
||||
<View className="deposit-beforehand-info-content">
|
||||
<View className="deposit-beforehand-info-list">
|
||||
<View className="deposit-beforehand-info-list-left">开户名称</View>
|
||||
<View className="deposit-beforehand-info-list-right">{state.data?.account_name}</View>
|
||||
<View className={styles['deposit-beforehand-info-content']}>
|
||||
<View className={styles['deposit-beforehand-info-list']}>
|
||||
<View className={styles['deposit-beforehand-info-list-left']}>开户名称</View>
|
||||
<View className={styles['deposit-beforehand-info-list-right']}>{state.data?.account_name}</View>
|
||||
</View>
|
||||
<View className="deposit-beforehand-info-list">
|
||||
<View className="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']}>
|
||||
<View className={styles['deposit-beforehand-info-list-left']}>开户银行</View>
|
||||
<View className={styles['deposit-beforehand-info-list-right']}>{state.data?.bank_of_deposit}</View>
|
||||
</View>
|
||||
<View className="deposit-beforehand-info-list">
|
||||
<View className="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']}>
|
||||
<View className={styles['deposit-beforehand-info-list-left']}>专属汇款账号</View>
|
||||
<View className={styles['deposit-beforehand-info-list-right']}>{state.data?.transfer_remittance_account}</View>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
<View className="deposit-beforehand-card">
|
||||
<View className="deposit-beforehand-particulars">
|
||||
<View className="deposit-beforehand-particulars-left">收支明细</View>
|
||||
<View className={styles['deposit-beforehand-card']}>
|
||||
<View className={styles['deposit-beforehand-particulars']}>
|
||||
<View className={styles['deposit-beforehand-particulars-left']}>收支明细</View>
|
||||
<Navigator hoverClass="none" url="/pages/depositList/index" className="deposit-beforehand-particulars-right">
|
||||
全部 <Text className="iconfont icon-a-moreback"></Text>
|
||||
</Navigator>
|
||||
</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>
|
||||
)
|
||||
}
|
||||
|
||||
@ -4,13 +4,14 @@
|
||||
.deposit-detail-tips {
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
background: #FFE6CE;
|
||||
background: #ffe6ce;
|
||||
border: 2px solid #ffe6ce;
|
||||
padding: 0 30px;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
color: #EE7500;
|
||||
color: #ee7500;
|
||||
margin: 0;
|
||||
}
|
||||
.deposit-detail-tips text {
|
||||
@ -20,7 +21,7 @@
|
||||
& > view {
|
||||
padding: 30px 0;
|
||||
margin: 0 25px;
|
||||
border-bottom: 1px solid #F6F6F6;
|
||||
border-bottom: 1px solid #f6f6f6;
|
||||
}
|
||||
& > view:last-child {
|
||||
border-bottom: 0;
|
||||
@ -55,8 +56,8 @@
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
.deposit-voucher-title::before {
|
||||
content: "*";
|
||||
color: #007AFF;
|
||||
content: '*';
|
||||
color: $color_main;
|
||||
}
|
||||
.deposit-voucher-content {
|
||||
display: grid;
|
||||
@ -78,7 +79,7 @@
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
border-right: 1px solid #F0F0F0;
|
||||
border-right: 1px solid #f0f0f0;
|
||||
}
|
||||
.deposit-info-list-content {
|
||||
width: 468px;
|
||||
@ -93,11 +94,10 @@
|
||||
font-weight: 400;
|
||||
color: #ababab;
|
||||
padding-left: 18px;
|
||||
border-left: 1px solid #F0F0F0;
|
||||
border-left: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.deposit-timeline {
|
||||
|
||||
}
|
||||
.deposit-timeline-item {
|
||||
display: flex;
|
||||
@ -120,35 +120,44 @@
|
||||
width: 12px;
|
||||
}
|
||||
.deposit-timeline-item-left::before {
|
||||
content: " ";
|
||||
content: ' ';
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.deposit-timeline-item-left::after {
|
||||
content: " ";
|
||||
border-right: 1px dashed #007aff;
|
||||
position: absolute;top: 25px;bottom: -8px;
|
||||
left: 50%;transform: translateX(-50%);
|
||||
content: ' ';
|
||||
border-right: 1px dashed $color_main;
|
||||
position: absolute;
|
||||
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;
|
||||
margin-right: 55px;
|
||||
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;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 50%;
|
||||
position: absolute;left: 50%;transform: translateX(-50%);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: white;
|
||||
font-size: 30px;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.deposit-timeline-item-error Text {
|
||||
background: #cccccc;
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
height: 46px;
|
||||
text-align: center;
|
||||
line-height: 43px;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
.input {
|
||||
display: flex;
|
||||
|
||||
@ -189,7 +189,7 @@
|
||||
background: linear-gradient(38deg, #5cabff, #7cbcfc 100%, #99ccff 100%);
|
||||
}
|
||||
.select_add_cart {
|
||||
background: linear-gradient(38deg, #007aff, #4fa6ff 100%, #68b4ff 100%);
|
||||
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -84,7 +84,6 @@
|
||||
width: 156.5px;
|
||||
height: 156.5px;
|
||||
border-radius: 20px;
|
||||
|
||||
}
|
||||
.item_con {
|
||||
flex: 1;
|
||||
@ -123,7 +122,7 @@
|
||||
.btn_count {
|
||||
width: 235px;
|
||||
height: 64px;
|
||||
background-color: #ECF5FF;
|
||||
background-color: #ecf5ff;
|
||||
border-radius: 40px 0px 16px 0px;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
@ -170,7 +169,7 @@
|
||||
background: linear-gradient(38deg, #5cabff, #7cbcfc 100%, #99ccff 100%);
|
||||
}
|
||||
.select_add_cart {
|
||||
background: linear-gradient(38deg,#007aff, #4fa6ff 100%, #68b4ff 100%);
|
||||
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -16,8 +16,8 @@
|
||||
align-items: center;
|
||||
.search_collect {
|
||||
font-size: 26px;
|
||||
border: 2px solid #007aff;
|
||||
color: #007aff;
|
||||
border: 2px solid $color_main;
|
||||
color: $color_main;
|
||||
border-radius: 50px;
|
||||
width: 132px;
|
||||
height: 44px;
|
||||
|
||||
@ -88,7 +88,7 @@
|
||||
width: 250px;
|
||||
height: 90px;
|
||||
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;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
@ -41,13 +41,13 @@
|
||||
.btns_two {
|
||||
display: flex;
|
||||
height: 82px;
|
||||
// border: 1PX solid #007aff;
|
||||
// border: 1PX solid $color_main;
|
||||
font-size: $font_size_big;
|
||||
border-radius: 40px;
|
||||
margin-bottom: 20px;
|
||||
.rest_btn {
|
||||
flex: 1;
|
||||
border: 1px solid #007aff;
|
||||
border: 1px solid $color_main;
|
||||
border-radius: 40px 0 0 40px;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
@ -57,7 +57,7 @@
|
||||
.verify_btn {
|
||||
flex: 1;
|
||||
border-radius: 0 40px 40px 0;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: #fff;
|
||||
|
||||
@ -80,7 +80,7 @@ $top: 170px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 702px;
|
||||
height: 82px;
|
||||
|
||||
@ -114,7 +114,7 @@ $top: 190px;
|
||||
}
|
||||
.miconfont {
|
||||
font-size: 30px;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.advance_payment {
|
||||
@ -135,7 +135,7 @@ $top: 190px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
|
||||
@ -37,7 +37,7 @@
|
||||
}
|
||||
.order_save_address {
|
||||
height: 82px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
text-align: center;
|
||||
|
||||
@ -2,7 +2,7 @@ $top:170px;
|
||||
.scanPay_main {
|
||||
.scanPay_con {
|
||||
padding: 20px;
|
||||
background-color: #F6F6F6;
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 20px;
|
||||
.miconfont_title {
|
||||
transform: rotate(-180deg);
|
||||
@ -12,7 +12,6 @@ $top:170px;
|
||||
font-size: 37px;
|
||||
color: $color_font_three;
|
||||
z-index: 99;
|
||||
|
||||
}
|
||||
}
|
||||
.title {
|
||||
@ -40,7 +39,7 @@ $top:170px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
|
||||
@ -2,7 +2,7 @@ $top:170px;
|
||||
.scanPay_main {
|
||||
.scanPay_con {
|
||||
padding: 20px;
|
||||
background-color: #F6F6F6;
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 20px;
|
||||
.miconfont_title {
|
||||
transform: rotate(-180deg);
|
||||
@ -12,7 +12,6 @@ $top:170px;
|
||||
font-size: 37px;
|
||||
color: $color_font_three;
|
||||
z-index: 99;
|
||||
|
||||
}
|
||||
}
|
||||
.title {
|
||||
@ -41,7 +40,7 @@ $top:170px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
|
||||
@ -78,9 +78,9 @@
|
||||
width: 152px;
|
||||
font-size: 28px;
|
||||
height: 60px;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
z-index: 999;
|
||||
border: 2px solid #007aff;
|
||||
border: 2px solid $color_main;
|
||||
border-radius: 36px;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
|
||||
@ -1,9 +1,7 @@
|
||||
|
||||
.kindsList_main {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.orders_list_con {
|
||||
|
||||
background-color: #fff;
|
||||
border-radius: 20px;
|
||||
padding: 20px;
|
||||
@ -21,7 +19,7 @@
|
||||
align-items: center;
|
||||
.tag {
|
||||
font-size: $font_size_min;
|
||||
background-color: #CDE5FF;
|
||||
background-color: #cde5ff;
|
||||
padding: 5px 10px;
|
||||
border-radius: 6px;
|
||||
color: $color_main;
|
||||
@ -128,7 +126,7 @@
|
||||
}
|
||||
}
|
||||
.inspection {
|
||||
background: linear-gradient(38deg,#007aff, #4fa6ff 100%, #68b4ff 100%);
|
||||
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
|
||||
border-radius: 20px;
|
||||
color: #fff;
|
||||
height: 176px;
|
||||
|
||||
@ -2,7 +2,7 @@ $top:170px;
|
||||
.offlinePay_main {
|
||||
.offlinePay_con {
|
||||
padding: 20px;
|
||||
background-color: #F6F6F6;
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 20px;
|
||||
.miconfont_title {
|
||||
transform: rotate(-180deg);
|
||||
@ -20,7 +20,6 @@ $top:170px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.offlinePay_list {
|
||||
@ -32,7 +31,7 @@ $top:170px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
|
||||
@ -2,7 +2,7 @@ $top:190px;
|
||||
.payment_main {
|
||||
.payment_con {
|
||||
padding: 20px;
|
||||
background-color: #F6F6F6;
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 20px;
|
||||
.miconfont_title {
|
||||
transform: rotate(-180deg);
|
||||
@ -13,7 +13,6 @@ $top:190px;
|
||||
color: $color_font_three;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
}
|
||||
.title {
|
||||
font-size: $font_size_big;
|
||||
@ -21,7 +20,6 @@ $top:190px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
.amount {
|
||||
text-align: center;
|
||||
@ -37,7 +35,7 @@ $top:190px;
|
||||
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));
|
||||
filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.16));
|
||||
position: relative;
|
||||
&::before {
|
||||
content: '';
|
||||
@ -48,7 +46,6 @@ $top:190px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
.payment_list_top_border {
|
||||
height: 32px;
|
||||
@ -83,7 +80,7 @@ $top:190px;
|
||||
align-items: center;
|
||||
height: 123px;
|
||||
&:nth-last-child(n + 2) {
|
||||
border-bottom: 2px solid #F3F3F3;
|
||||
border-bottom: 2px solid #f3f3f3;
|
||||
}
|
||||
}
|
||||
.payment_list_item_left {
|
||||
@ -96,7 +93,7 @@ $top:190px;
|
||||
}
|
||||
.miconfont {
|
||||
font-size: 30px;
|
||||
color: #FFC300;
|
||||
color: #ffc300;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.payment_list_item_left_price {
|
||||
@ -112,7 +109,7 @@ $top:190px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
|
||||
@ -37,7 +37,7 @@
|
||||
}
|
||||
.order_save_address {
|
||||
height: 82px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
text-align: center;
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.logistics_main {
|
||||
padding: 20px 30px;
|
||||
box-sizing: border-box;
|
||||
@ -26,7 +25,7 @@
|
||||
.verify_btn {
|
||||
flex: 1;
|
||||
border-radius: 40px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: #fff;
|
||||
|
||||
@ -2,7 +2,7 @@ $top:170px;
|
||||
.scanPay_main {
|
||||
.scanPay_con {
|
||||
padding: 20px;
|
||||
background-color: #F6F6F6;
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 20px;
|
||||
.miconfont_title {
|
||||
transform: rotate(-180deg);
|
||||
@ -12,7 +12,6 @@ $top:170px;
|
||||
font-size: 37px;
|
||||
color: $color_font_three;
|
||||
z-index: 99;
|
||||
|
||||
}
|
||||
}
|
||||
.title {
|
||||
@ -41,7 +40,7 @@ $top:170px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
|
||||
@ -2,7 +2,7 @@ $top:170px;
|
||||
.scanPay_main {
|
||||
.scanPay_con {
|
||||
padding: 20px;
|
||||
background-color: #F6F6F6;
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 20px;
|
||||
.miconfont_title {
|
||||
transform: rotate(-180deg);
|
||||
@ -12,7 +12,6 @@ $top:170px;
|
||||
font-size: 37px;
|
||||
color: $color_font_three;
|
||||
z-index: 99;
|
||||
|
||||
}
|
||||
}
|
||||
.title {
|
||||
@ -40,7 +39,7 @@ $top:170px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
.logistics_main {
|
||||
padding: 20px 30px;
|
||||
box-sizing: border-box;
|
||||
@ -26,7 +25,7 @@
|
||||
.verify_btn {
|
||||
flex: 1;
|
||||
border-radius: 40px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: #fff;
|
||||
|
||||
@ -94,9 +94,7 @@ page {
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.color_bock {
|
||||
@ -172,7 +170,7 @@ page {
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
line-height: 46px;
|
||||
color: #07C160;
|
||||
color: #07c160;
|
||||
}
|
||||
}
|
||||
|
||||
@ -229,7 +227,7 @@ page {
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
line-height: 82px;
|
||||
margin-top: 34px;
|
||||
margin-left: 67px;
|
||||
@ -238,7 +236,7 @@ page {
|
||||
.rightBtn {
|
||||
width: 264px;
|
||||
height: 82px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 42px;
|
||||
font-size: 32px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
.select_btn_item {
|
||||
color: $color_main;
|
||||
background: #ecf5ff;
|
||||
border: 2px solid #007aff;
|
||||
border: 2px solid $color_main;
|
||||
width: 161.75px;
|
||||
height: 65.2px;
|
||||
}
|
||||
@ -76,11 +76,10 @@
|
||||
padding: 0 20px;
|
||||
}
|
||||
.width_main {
|
||||
|
||||
}
|
||||
}
|
||||
.btn_list_element {
|
||||
background-color: #F0F0F0;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 30px;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
@ -111,12 +110,11 @@
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: $color_main;
|
||||
|
||||
}
|
||||
.verify_btn {
|
||||
flex: 1;
|
||||
border-radius: 0px 40px 40px 0px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
text-align: center;
|
||||
line-height: 82px;
|
||||
color: #fff;
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
content: '';
|
||||
width: 2px;
|
||||
height: 32px;
|
||||
background-color: #C2C2C2;
|
||||
background-color: #c2c2c2;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -50px;
|
||||
@ -71,7 +71,6 @@
|
||||
height: 0;
|
||||
}
|
||||
.popup_filter {
|
||||
|
||||
}
|
||||
.popup_filter_item {
|
||||
margin-bottom: 20px;
|
||||
@ -99,7 +98,7 @@
|
||||
.select_btn_item {
|
||||
color: $color_main;
|
||||
background: #ecf5ff;
|
||||
border: 2px solid #007aff;
|
||||
border: 2px solid $color_main;
|
||||
width: 161.75px;
|
||||
height: 65.2px;
|
||||
}
|
||||
@ -131,11 +130,10 @@
|
||||
padding: 0 20px;
|
||||
}
|
||||
.width_main {
|
||||
|
||||
}
|
||||
}
|
||||
.btn_list_element {
|
||||
background-color: #F0F0F0;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 30px;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
|
||||
@ -100,7 +100,7 @@
|
||||
border-radius: 20px;
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -190,7 +190,7 @@
|
||||
.card-main-title-content-item-badge {
|
||||
padding: 0 10px;
|
||||
height: 32px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border: 2px solid #ffffff;
|
||||
border-radius: 32px;
|
||||
box-sizing: border-box;
|
||||
@ -224,7 +224,7 @@
|
||||
}
|
||||
|
||||
.assets-content-item-top {
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@ -324,14 +324,14 @@
|
||||
|
||||
.auth-status,
|
||||
.auth-status-adopt {
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
background-color: #cde5ff;
|
||||
}
|
||||
|
||||
.auth-tips {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@ -459,7 +459,7 @@
|
||||
.tips-modal-button view {
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
|
||||
.auth-box {
|
||||
@ -522,14 +522,14 @@
|
||||
align-items: center;
|
||||
font-size: 30px;
|
||||
margin-right: 3px;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
|
||||
.auth-font {
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -51,7 +51,7 @@
|
||||
width: 50%;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
background-color: white;
|
||||
border: none;
|
||||
outline: none;
|
||||
@ -66,7 +66,7 @@
|
||||
}
|
||||
|
||||
.modify-ickname-operation .modify-ickname-operation-save {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
@ -5,8 +5,10 @@
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
color: #ababab;
|
||||
display: flex;flex-direction: column;
|
||||
align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: white;
|
||||
height: 300px;
|
||||
}
|
||||
@ -37,7 +39,8 @@
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
color: #000000;
|
||||
display: flex;justify-content: space-between;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.user-edit-content-phone text {
|
||||
font-size: 24px;
|
||||
@ -45,8 +48,12 @@
|
||||
color: #ababab;
|
||||
}
|
||||
.user-edit-content-bindphone {
|
||||
padding: 0;width: auto;height: auto;
|
||||
margin: 0;background: none;border: 0;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
background: none;
|
||||
border: 0;
|
||||
text-align: left;
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
@ -60,25 +67,29 @@
|
||||
height: 40px;
|
||||
background: #dddddd;
|
||||
border-radius: 6px;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
.user-edit-content-company,.user-edit-content-company-adopt{
|
||||
background: #CDF3DF;
|
||||
color: #07C160;
|
||||
.user-edit-content-company,
|
||||
.user-edit-content-company-adopt {
|
||||
background: #cdf3df;
|
||||
color: #07c160;
|
||||
}
|
||||
.user-edit-content-company text {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.user-edit-content-company.user-edit-content-company-auth {
|
||||
background-color: #CDF3DF;
|
||||
color: #07C160;
|
||||
background-color: #cdf3df;
|
||||
color: #07c160;
|
||||
}
|
||||
.user-edit-list {
|
||||
height: 90px;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 2px solid #f0f0f0;
|
||||
}
|
||||
.user-edit-list:last-of-type {
|
||||
@ -93,7 +104,9 @@
|
||||
color: #000000;
|
||||
}
|
||||
.user-edit-list-right {
|
||||
display: flex;justify-content: space-between;align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex: auto;
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
@ -116,11 +129,13 @@
|
||||
border: 2px solid #cde5ff;
|
||||
border-radius: 40px;
|
||||
// margin: 359px auto 0;
|
||||
position: fixed;left: 50%;bottom: 50px;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 50px;
|
||||
transform: translateX(-50%);
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
}
|
||||
@ -51,7 +51,7 @@
|
||||
width: 50%;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
background-color: white;
|
||||
border: none;
|
||||
outline: none;
|
||||
@ -66,7 +66,7 @@
|
||||
}
|
||||
|
||||
.modify-ickname-operation .modify-ickname-operation-save {
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
@ -202,6 +202,6 @@
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
}
|
||||
}
|
||||
|
||||
@ -37,7 +37,8 @@
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #000000;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.weight-list-list-default {
|
||||
width: 58px;
|
||||
@ -47,9 +48,8 @@
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #007aff;
|
||||
color: $color_main;
|
||||
margin-left: 30px;
|
||||
|
||||
}
|
||||
.weight-list-list-phone {
|
||||
font-size: 24px;
|
||||
@ -67,19 +67,24 @@
|
||||
color: #3c3c3c;
|
||||
}
|
||||
.weight-list-list-bottom {
|
||||
display: flex;justify-content: space-between;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.add-weight-list {
|
||||
width: 668px;
|
||||
height: 82px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 40px;
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
position: absolute;bottom: 8%;left: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
bottom: 8%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.weight-list-no-data {
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.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;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
@ -13,9 +15,10 @@
|
||||
.add-address-default-active {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: #007aff;
|
||||
background: $color_main;
|
||||
border-radius: 50%;
|
||||
display: flex;align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 45px;
|
||||
color: white;
|
||||
@ -30,7 +33,9 @@
|
||||
border: 2px solid #707070;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.add-address-save {
|
||||
@ -41,7 +46,9 @@
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
display: flex;align-items: center;justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 620px auto 0;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user