xuan/TestEShopDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨ feat(ID1000857): 【陆盈面料商城】体验优化补充：点击“转出“”弹窗提示“若需提现，请联系业务经理进行转出”

Browse Source 
【【陆盈面料商城】体验优化补充：点击“转出“”弹窗提示“若需提现，请联系业务经理进行转出”】 https://www.tapd.cn/53459131/prong/stories/view/1153459131001000857
This commit is contained in:
xuan 2022-12-27 14:59:04 +08:00
parent f91e014db5
commit a9f9f5f0c6
51 changed files with 2532 additions and 2365 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/AddressList/index.scss
View File

@ -37,7 +37,8 @@
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;
@ -47,9 +48,8 @@
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;
@ -74,22 +74,28 @@
.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 {

26
src/components/FromList/index.scss
View File

@ -10,8 +10,8 @@
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 {
@ -26,12 +26,14 @@
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%;
@ -45,12 +47,14 @@
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%;
@ -71,7 +75,9 @@
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;
@ -81,12 +87,14 @@
.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;
} }
} }

37
src/components/FromListCertification/index.scss
View File

@ -2,7 +2,7 @@
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 {
@ -10,12 +10,13 @@
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 {
@ -29,12 +30,14 @@
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%;
@ -48,12 +51,14 @@
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%;
@ -69,14 +74,18 @@
} }
.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;
@ -86,12 +95,14 @@
.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;
} }
} }

2
src/components/addCollection/index.module.scss
View File

@ -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;

2
src/components/counter/index.module.scss
View File

@ -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;

8
src/components/filter/index.module.scss
View File

@ -44,7 +44,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;
box-sizing: border-box; box-sizing: border-box;
} }
} }
@ -75,11 +75,10 @@
padding: 0 20px; padding: 0 20px;
} }
.width_main { .width_main {
} }
} }
.btn_list_element { .btn_list_element {
background-color: #F0F0F0; background-color: #f0f0f0;
border-radius: 30px; border-radius: 30px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
@ -111,12 +110,11 @@
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: $color_main; color: $color_main;
} }
.verify_btn { .verify_btn {
flex: 1; flex: 1;
border-radius: 0px 40px 40px 0px; border-radius: 0px 40px 40px 0px;
background: #007aff; background: $color_main;
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: #fff; color: #fff;

8
src/components/filterV2/index.module.scss
View File

@ -44,7 +44,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;
} }
@ -76,11 +76,10 @@
padding: 0 20px; padding: 0 20px;
} }
.width_main { .width_main {
} }
} }
.btn_list_element { .btn_list_element {
background-color: #F0F0F0; background-color: #f0f0f0;
border-radius: 30px; border-radius: 30px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
@ -111,12 +110,11 @@
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: $color_main; color: $color_main;
} }
.verify_btn { .verify_btn {
flex: 1; flex: 1;
border-radius: 0px 40px 40px 0px; border-radius: 0px 40px 40px 0px;
background: #007aff; background: $color_main;
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: #fff; color: #fff;

2
src/components/sideBar/index.module.scss
View File

@ -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;
} }

21
src/pages/addressAdd/index.scss
View File

@ -2,7 +2,9 @@
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;
@ -11,9 +13,10 @@
.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;
@ -28,7 +31,9 @@
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 {
@ -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%);
} }
} }

17
src/pages/applyAfterSales/index.module.scss
View File

@ -1,4 +1,3 @@
.apply_after_sales_main { .apply_after_sales_main {
.apply_after_sales_head { .apply_after_sales_head {
font-size: 30px; font-size: 30px;
@ -10,9 +9,9 @@
width: 100%; width: 100%;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1PX solid #f3f3f3; border-bottom: 1px solid #f3f3f3;
text { text {
background-color: #F6F6F6; background-color: #f6f6f6;
border-radius: 10px; border-radius: 10px;
font-size: $font_size_medium; font-size: $font_size_medium;
padding: 5px 0; padding: 5px 0;
@ -32,7 +31,7 @@
.returnSaleInput { .returnSaleInput {
margin: 0 20px; margin: 0 20px;
padding-top: 30px; padding-top: 30px;
border-top: 1px solid #F6F6F6; border-top: 1px solid #f6f6f6;
.returnSaleInput_item { .returnSaleInput_item {
display: flex; display: flex;
align-items: center; align-items: center;
@ -67,10 +66,8 @@
} }
} }
} }
} }
.btns_con { .btns_con {
width: 100%; width: 100%;
position: fixed; position: fixed;
@ -82,24 +79,23 @@
.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;
color: $color_main; color: $color_main;
background-color: #fff; background-color: #fff;
} }
.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;
@ -107,4 +103,3 @@
} }
} }
} }

60
src/pages/certification/index.scss
View File

@ -1,7 +1,7 @@
.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;
@ -25,11 +25,13 @@
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;
} }
@ -37,18 +39,25 @@
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;
} }
@ -60,7 +69,10 @@
color: #000000; color: #000000;
} }
.certification-button { .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); background-color: rgba(0, 0, 0, 0.65);
display: flex; display: flex;
height: 86px; height: 86px;
@ -69,22 +81,29 @@
} }
.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 {
@ -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;
} }
} }

8
src/pages/classList/components/filter/index.module.scss
View File

@ -44,7 +44,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;
} }
@ -76,11 +76,10 @@
padding: 0 20px; padding: 0 20px;
} }
.width_main { .width_main {
} }
} }
.btn_list_element { .btn_list_element {
background-color: #F0F0F0; background-color: #f0f0f0;
border-radius: 30px; border-radius: 30px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
@ -111,12 +110,11 @@
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: $color_main; color: $color_main;
} }
.verify_btn { .verify_btn {
flex: 1; flex: 1;
border-radius: 0px 40px 40px 0px; border-radius: 0px 40px 40px 0px;
background: #007aff; background: $color_main;
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: #fff; color: #fff;

2
src/pages/classList/index.module.scss
View File

@ -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;
} }

2
src/pages/collection/components/moveCollectionPopup/index.module.scss
View File

@ -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;

4
src/pages/collection/index.module.scss
View File

@ -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%;
} }
} }

13
src/pages/company/index.scss
View File

@ -4,18 +4,21 @@
.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;
@ -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%;

18
src/pages/creditLine/index.scss
View File

@ -14,7 +14,8 @@
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;
@ -32,7 +33,7 @@
.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 {
@ -50,10 +51,14 @@
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;
@ -66,14 +71,15 @@
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;

146
src/pages/depositBeforehand/index.module.scss Normal file
View 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;
}
}
}
}

88
src/pages/depositBeforehand/index.scss
View File

@ -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;
}
}

88
src/pages/depositBeforehand/index.tsx
View File

@ -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>
) )
} }

49
src/pages/depositBeforehandDetail/index.scss
View File

@ -4,13 +4,14 @@
.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 {
@ -20,7 +21,7 @@
& > 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;
@ -55,8 +56,8 @@
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;
@ -78,7 +79,7 @@
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;
@ -93,11 +94,10 @@
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;
@ -120,35 +120,44 @@
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;

2
src/pages/details/components/counter/index.module.scss
View File

@ -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;

2
src/pages/details/components/orderCount/index.module.scss
View File

@ -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%);
} }
} }
} }

5
src/pages/details/components/productItem/index.module.scss
View File

@ -84,7 +84,6 @@
width: 156.5px; width: 156.5px;
height: 156.5px; height: 156.5px;
border-radius: 20px; border-radius: 20px;
} }
.item_con { .item_con {
flex: 1; flex: 1;
@ -123,7 +122,7 @@
.btn_count { .btn_count {
width: 235px; width: 235px;
height: 64px; height: 64px;
background-color: #ECF5FF; background-color: #ecf5ff;
border-radius: 40px 0px 16px 0px; border-radius: 40px 0px 16px 0px;
padding: 0 20px; padding: 0 20px;
display: flex; display: flex;
@ -170,7 +169,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%);
} }
} }
} }

4
src/pages/index/index.module.scss
View File

@ -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;

2
src/pages/order/comfirm.module.scss
View File

@ -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;

6
src/pages/order/components/applyRefund/index.module.scss
View File

@ -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;

2
src/pages/order/components/offlinePay/index.module.scss
View File

@ -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;

4
src/pages/order/components/payment/index.module.scss
View File

@ -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;

2
src/pages/order/components/remark/index.module.scss
View File

@ -37,7 +37,7 @@
} }
.order_save_address { .order_save_address {
height: 82px; height: 82px;
background: #007aff; background: $color_main;
border-radius: 40px; border-radius: 40px;
width: 668px; width: 668px;
text-align: center; text-align: center;

5
src/pages/order/components/scanPay/index.module.scss
View File

@ -2,7 +2,7 @@ $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);
@ -12,7 +12,6 @@ $top:170px;
font-size: 37px; font-size: 37px;
color: $color_font_three; color: $color_font_three;
z-index: 99; z-index: 99;
} }
} }
.title { .title {
@ -40,7 +39,7 @@ $top:170px;
} }
} }
.btns { .btns {
background: #007aff; background: $color_main;
border-radius: 40px; border-radius: 40px;
width: 668px; width: 668px;
height: 82px; height: 82px;

5
src/pages/order/components/scanPayCheck/index.module.scss
View File

@ -2,7 +2,7 @@ $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);
@ -12,7 +12,6 @@ $top:170px;
font-size: 37px; font-size: 37px;
color: $color_font_three; color: $color_font_three;
z-index: 99; z-index: 99;
} }
} }
.title { .title {
@ -41,7 +40,7 @@ $top:170px;
} }
} }
.btns { .btns {
background: #007aff; background: $color_main;
border-radius: 40px; border-radius: 40px;
width: 668px; width: 668px;
height: 82px; height: 82px;

4
src/pages/salesAfter/components/addressInfoDetail/index.module.scss
View File

@ -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;

6
src/pages/salesAfter/components/kindList/index.module.scss
View File

@ -1,9 +1,7 @@
.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;
@ -21,7 +19,7 @@
align-items: center; align-items: center;
.tag { .tag {
font-size: $font_size_min; font-size: $font_size_min;
background-color: #CDE5FF; background-color: #cde5ff;
padding: 5px 10px; padding: 5px 10px;
border-radius: 6px; border-radius: 6px;
color: $color_main; color: $color_main;
@ -128,7 +126,7 @@
} }
} }
.inspection { .inspection {
background: linear-gradient(38deg,#007aff, #4fa6ff 100%, #68b4ff 100%); background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
border-radius: 20px; border-radius: 20px;
color: #fff; color: #fff;
height: 176px; height: 176px;

5
src/pages/salesAfter/components/offlinePay/index.module.scss
View File

@ -2,7 +2,7 @@ $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);
@ -20,7 +20,6 @@ $top:170px;
text-align: center; text-align: center;
font-weight: 700; font-weight: 700;
position: relative; position: relative;
} }
.offlinePay_list { .offlinePay_list {
@ -32,7 +31,7 @@ $top:170px;
} }
} }
.btns { .btns {
background: #007aff; background: $color_main;
border-radius: 40px; border-radius: 40px;
width: 668px; width: 668px;
height: 82px; height: 82px;

13
src/pages/salesAfter/components/payment/index.module.scss
View File

@ -2,7 +2,7 @@ $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);
@ -13,7 +13,6 @@ $top:190px;
color: $color_font_three; color: $color_font_three;
z-index: 99; z-index: 99;
} }
} }
.title { .title {
font-size: $font_size_big; font-size: $font_size_big;
@ -21,7 +20,6 @@ $top:190px;
text-align: center; text-align: center;
font-weight: 700; font-weight: 700;
position: relative; position: relative;
} }
.amount { .amount {
text-align: center; text-align: center;
@ -37,7 +35,7 @@ $top:190px;
position: relative; position: relative;
background: radial-gradient(circle 20px at left $top, transparent 20px, #fff 20px + 3px) left 0px/60% no-repeat, 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; 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; position: relative;
&::before { &::before {
content: ''; content: '';
@ -48,7 +46,6 @@ $top:190px;
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;
} }
.payment_list_top_border { .payment_list_top_border {
height: 32px; height: 32px;
@ -83,7 +80,7 @@ $top:190px;
align-items: center; align-items: center;
height: 123px; height: 123px;
&:nth-last-child(n + 2) { &:nth-last-child(n + 2) {
border-bottom: 2px solid #F3F3F3; border-bottom: 2px solid #f3f3f3;
} }
} }
.payment_list_item_left { .payment_list_item_left {
@ -96,7 +93,7 @@ $top:190px;
} }
.miconfont { .miconfont {
font-size: 30px; font-size: 30px;
color: #FFC300; color: #ffc300;
padding-right: 10px; padding-right: 10px;
} }
.payment_list_item_left_price { .payment_list_item_left_price {
@ -112,7 +109,7 @@ $top:190px;
} }
} }
.btns { .btns {
background: #007aff; background: $color_main;
border-radius: 40px; border-radius: 40px;
width: 668px; width: 668px;
height: 82px; height: 82px;

2
src/pages/salesAfter/components/remark/index.module.scss
View File

@ -37,7 +37,7 @@
} }
.order_save_address { .order_save_address {
height: 82px; height: 82px;
background: #007aff; background: $color_main;
border-radius: 40px; border-radius: 40px;
width: 668px; width: 668px;
text-align: center; text-align: center;

3
src/pages/salesAfter/components/returnLogistics/index.module.scss
View File

@ -1,4 +1,3 @@
.logistics_main { .logistics_main {
padding: 20px 30px; padding: 20px 30px;
box-sizing: border-box; box-sizing: border-box;
@ -26,7 +25,7 @@
.verify_btn { .verify_btn {
flex: 1; flex: 1;
border-radius: 40px; border-radius: 40px;
background: #007aff; background: $color_main;
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: #fff; color: #fff;

5
src/pages/salesAfter/components/returnPayCheck/index.module.scss
View File

@ -2,7 +2,7 @@ $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);
@ -12,7 +12,6 @@ $top:170px;
font-size: 37px; font-size: 37px;
color: $color_font_three; color: $color_font_three;
z-index: 99; z-index: 99;
} }
} }
.title { .title {
@ -41,7 +40,7 @@ $top:170px;
} }
} }
.btns { .btns {
background: #007aff; background: $color_main;
border-radius: 40px; border-radius: 40px;
width: 668px; width: 668px;
height: 82px; height: 82px;

5
src/pages/salesAfter/components/scanPay/index.module.scss
View File

@ -2,7 +2,7 @@ $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);
@ -12,7 +12,6 @@ $top:170px;
font-size: 37px; font-size: 37px;
color: $color_font_three; color: $color_font_three;
z-index: 99; z-index: 99;
} }
} }
.title { .title {
@ -40,7 +39,7 @@ $top:170px;
} }
} }
.btns { .btns {
background: #007aff; background: $color_main;
border-radius: 40px; border-radius: 40px;
width: 668px; width: 668px;
height: 82px; height: 82px;

3
src/pages/salesAfter/salesAfterList/components/returnLogistics/index.module.scss
View File

@ -1,4 +1,3 @@
.logistics_main { .logistics_main {
padding: 20px 30px; padding: 20px 30px;
box-sizing: border-box; box-sizing: border-box;
@ -26,7 +25,7 @@
.verify_btn { .verify_btn {
flex: 1; flex: 1;
border-radius: 40px; border-radius: 40px;
background: #007aff; background: $color_main;
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: #fff; color: #fff;

8
src/pages/sampleComparison/index.module.scss
View File

@ -94,9 +94,7 @@ page {
font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400; font-weight: 400;
color: #707070; color: #707070;
} }
} }
.color_bock { .color_bock {
@ -172,7 +170,7 @@ page {
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
line-height: 46px; line-height: 46px;
color: #07C160; color: #07c160;
} }
} }
@ -229,7 +227,7 @@ page {
font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
color: #007aff; color: $color_main;
line-height: 82px; line-height: 82px;
margin-top: 34px; margin-top: 34px;
margin-left: 67px; margin-left: 67px;
@ -238,7 +236,7 @@ page {
.rightBtn { .rightBtn {
width: 264px; width: 264px;
height: 82px; height: 82px;
background: #007aff; background: $color_main;
border-radius: 42px; border-radius: 42px;
font-size: 32px; font-size: 32px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-family: Microsoft YaHei, Microsoft YaHei-Regular;

8
src/pages/subjectList/components/filter/index.module.scss
View File

@ -44,7 +44,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;
} }
@ -76,11 +76,10 @@
padding: 0 20px; padding: 0 20px;
} }
.width_main { .width_main {
} }
} }
.btn_list_element { .btn_list_element {
background-color: #F0F0F0; background-color: #f0f0f0;
border-radius: 30px; border-radius: 30px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
@ -111,12 +110,11 @@
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: $color_main; color: $color_main;
} }
.verify_btn { .verify_btn {
flex: 1; flex: 1;
border-radius: 0px 40px 40px 0px; border-radius: 0px 40px 40px 0px;
background: #007aff; background: $color_main;
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: #fff; color: #fff;

8
src/pages/subjectList/index.module.scss
View File

@ -28,7 +28,7 @@
content: ''; content: '';
width: 2px; width: 2px;
height: 32px; height: 32px;
background-color: #C2C2C2; background-color: #c2c2c2;
position: absolute; position: absolute;
top: 0; top: 0;
left: -50px; left: -50px;
@ -71,7 +71,6 @@
height: 0; height: 0;
} }
.popup_filter { .popup_filter {
} }
.popup_filter_item { .popup_filter_item {
margin-bottom: 20px; margin-bottom: 20px;
@ -99,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;
} }
@ -131,11 +130,10 @@
padding: 0 20px; padding: 0 20px;
} }
.width_main { .width_main {
} }
} }
.btn_list_element { .btn_list_element {
background-color: #F0F0F0; background-color: #f0f0f0;
border-radius: 30px; border-radius: 30px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;

16
src/pages/user copy/index.module.scss
View File

@ -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;
} }
} }

4
src/pages/userEdit copy/components/ModifyModal.scss
View File

@ -51,7 +51,7 @@
width: 50%; width: 50%;
font-size: 32px; font-size: 32px;
font-weight: 400; font-weight: 400;
color: #007aff; color: $color_main;
background-color: white; background-color: white;
border: none; border: none;
outline: none; outline: none;
@ -66,7 +66,7 @@
} }
.modify-ickname-operation .modify-ickname-operation-save { .modify-ickname-operation .modify-ickname-operation-save {
background: #007aff; background: $color_main;
color: #ffffff; color: #ffffff;
} }

45
src/pages/userEdit copy/index.scss
View File

@ -5,8 +5,10 @@
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;
} }
@ -37,7 +39,8 @@
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;
@ -45,8 +48,12 @@
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;
@ -60,25 +67,29 @@
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 {
@ -93,7 +104,9 @@
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;
@ -116,11 +129,13 @@
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;
} }
} }

4
src/pages/userEdit/components/ModifyModal.scss
View File

@ -51,7 +51,7 @@
width: 50%; width: 50%;
font-size: 32px; font-size: 32px;
font-weight: 400; font-weight: 400;
color: #007aff; color: $color_main;
background-color: white; background-color: white;
border: none; border: none;
outline: none; outline: none;
@ -66,7 +66,7 @@
} }
.modify-ickname-operation .modify-ickname-operation-save { .modify-ickname-operation .modify-ickname-operation-save {
background: #007aff; background: $color_main;
color: #ffffff; color: #ffffff;
} }

2
src/pages/userEdit/index.scss
View File

@ -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;
} }
} }

19
src/pages/weightList/index.scss
View File

@ -37,7 +37,8 @@
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;
@ -47,9 +48,8 @@
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;
@ -67,19 +67,24 @@
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 {

17
src/pages/weightListAdd/index.scss
View File

@ -2,7 +2,9 @@
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;
@ -13,9 +15,10 @@
.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;
@ -30,7 +33,9 @@
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 {
@ -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;
} }
} }