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

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

@ -1,45 +1,46 @@
.address-scroll-view{
.address-scroll-view {
height: 100%;
box-sizing: border-box;
position: relative;
scroll-view{
scroll-view {
height: 100%;
box-sizing: border-box;
}
.address-scroll-view-content{
.address-scroll-view-content {
padding-bottom: 300px;
}
.address-list{
.address-list {
width: 704px;
height: 156px;
background: #ffffff;
border-radius: 20px;
box-shadow: 2px 4px 12px 0px rgba(0,0,0,0.16);
box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.16);
padding: 30px;
box-sizing: border-box;
margin: 18px auto 0;
border: 1px solid #ffffff;
border: 1px solid rgba(0,0,0,0.16);
border: 1px solid rgba(0, 0, 0, 0.16);
}
.address-active{
.address-active {
border: 1px solid #68b4ff;
box-shadow: 0px 0px 10px 0px rgba(0,122,255,0.27);
box-shadow: 0px 0px 10px 0px rgba(0, 122, 255, 0.27);
}
.address-list:first-child{
.address-list:first-child {
margin-top: 0;
}
.address-list-last{
.address-list-last {
margin-bottom: 300px;
}
.address-user{
.address-user {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
color: #000000;
display: flex;align-items: center;
display: flex;
align-items: center;
}
.address-list-default{
.address-list-default {
width: 58px;
height: 28px;
background: #cde5ff;
@ -47,52 +48,57 @@
font-size: 20px;
font-weight: 400;
text-align: center;
color: #007aff;
color: $color_main;
margin-left: 30px;
}
.address-list-phone{
.address-list-phone {
font-size: 24px;
font-weight: 400;
color: #ababab;
margin-left: 30px;
}
.address-edit{
.address-edit {
padding: 10px;
}
.address-edit .icon-bianji{
.address-edit .icon-bianji {
font-size: 40px;
}
.address-list-info{
.address-list-info {
font-size: 24px;
font-weight: 400;
color: #3c3c3c;
display: flex;
width: 100%;
}
.address-list-info view{
.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;
.address-list-bottom {
display: flex;
justify-content: space-between;
margin-top: 18px;
}
.add-address{
.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{
.address-no-data {
font-size: 24px;
font-weight: 400;
text-align: center;
@ -101,4 +107,4 @@
padding-top: 40%;
box-sizing: border-box;
}
}
}

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

@ -1,92 +1,100 @@
.form-list{
.form-list {
display: flex;
justify-content: space-between;
margin: 30px 30px 0;
.form-list-label{
.form-list-label {
font-size: 28px;
font-weight: 700;
color: #000000;
margin-top: 20px;
}
.form-list-label-required::before{
content: "*";
color: #FF0000;
.form-list-label-required::before {
content: '*';
color: #ff0000;
font-size: 28px;
}
.form-list-right{
.form-list-right {
width: 506px;
font-size: 26px;
font-weight: 400;
}
.form-list-right-meet{
.form-list-right-meet {
background: #f6f6f6;
width: 506px;
min-height: 80px;
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{
.form-list-input {
width: 100%;
display: flex;align-items: center;
display: flex;
align-items: center;
}
.form-list-input view{
.form-list-input view {
height: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.form-list-input text{
.form-list-input text {
width: 30px;
min-width: 30px;
height: 30px;
background: rgba(0,0,0,0.3);
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%;
color: #000000;
}
.form-list-right textarea{
.form-list-right textarea {
height: 186px;
border-radius: 10px;
padding: 10px 0;
}
.form-list-right .phcolor{
.form-list-right .phcolor {
color: #ababab;
}
.form-list-right-placeholder{
.form-list-right-placeholder {
color: #ababab;
}
.form-list-right-enter .icon-a-moreback{
.form-list-right-enter .icon-a-moreback {
font-size: 28px;
}
.add-address-default{
display: flex;align-items: center;justify-content: space-between;
.add-address-default {
display: flex;
align-items: center;
justify-content: space-between;
margin: 70px 30px 0;
font-size: 26px;
font-weight: 700;
color: #000000;
}
.add-address-save{
.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;
}
}
}

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

@ -1,97 +1,108 @@
.From-list-certification{
.From-list-certification {
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{
.From-list-certification-label {
font-size: 28px;
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;
.From-list-certification-label-required::before {
content: '*';
color: #ff0000;
font-size: 28px;
}
.From-list-certification-right{
.From-list-certification-right {
min-width: 100px;
flex: 1;
font-size: 26px;
font-weight: 400;
}
.From-list-certification-right-meet{
.From-list-certification-right-meet {
min-height: 45px;
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{
.From-list-certification-input {
width: 100%;
display: flex;align-items: center;
display: flex;
align-items: center;
}
.From-list-certification-input view{
.From-list-certification-input view {
height: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.From-list-certification-input text{
.From-list-certification-input text {
width: 30px;
min-width: 30px;
height: 30px;
background: rgba(0,0,0,0.3);
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%;
color: #000000;
}
.From-list-certification-right textarea{
.From-list-certification-right textarea {
height: 186px;
border-radius: 10px;
padding: 10px 0;
}
.From-list-certification-right .phcolor{
.From-list-certification-right .phcolor {
color: #ababab;
}
.From-list-certification-right-placeholder{
.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{
.From-list-certification-right-enter .icon-a-moreback {
font-size: 28px;
}
.add-address-default{
display: flex;align-items: center;justify-content: space-between;
.add-address-default {
display: flex;
align-items: center;
justify-content: space-between;
margin: 70px 30px 0;
font-size: 26px;
font-weight: 700;
color: #000000;
}
.add-address-save{
.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
src/components/addCollection/index.module.scss
View File

@ -20,7 +20,7 @@
}
.miconfont {
font-size: 36px;
color: #007aff;
color: $color_main;
}
.text {
margin-left: 10px;

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

@ -20,7 +20,7 @@
height: 46px;
text-align: center;
line-height: 43px;
color: #007aff;
color: $color_main;
}
.input {
display: flex;

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

@ -1,126 +1,124 @@
.popup_main{
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title{
font-size: $font_size;
font-weight: 700;
.popup_main {
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title {
font-size: $font_size;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.scroll {
flex: 1;
height: 0;
}
.popup_filter {
padding-bottom: 100px;
}
.popup_filter_item {
margin-bottom: 20px;
.title {
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list {
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item {
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
line-height: 69.2px;
text-align: center;
padding: 20px 0;
}
.scroll{
flex:1;
height: 0;
}
.popup_filter{
padding-bottom: 100px;
}
.popup_filter_item{
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
.title{
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list{
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item{
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
line-height: 69.2px;
text-align: center;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
@include common_ellipsis();
}
.select_btn_item{
color: $color_main;
background: #ecf5ff;
border: 2px solid #007aff;
box-sizing: border-box;
}
}
.btn_list_input{
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
flex:1;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input{
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit{
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text{
color: #ccc;
padding: 0 20px;
}
.width_main{
}
}
.btn_list_element{
background-color: #F0F0F0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea{
width: 100%;
height: 126px;
font-size: $font_size_medium;
}
}
@include common_ellipsis();
}
.select_btn_item {
color: $color_main;
background: #ecf5ff;
border: 2px solid $color_main;
box-sizing: border-box;
}
}
.btns_con{
.btn_list_input {
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
flex: 1;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input {
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit {
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text {
color: #ccc;
padding: 0 20px;
}
.width_main {
}
}
.btn_list_element {
background-color: #f0f0f0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea {
width: 100%;
position: fixed;
bottom:0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two{
display: flex;
width: 552px;
height: 82px;
border: 2px solid #cde5ff;
box-sizing: border-box;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn{
flex:1;
border-radius: 0px 40px 40px 0px;
text-align: center;
line-height: 82px;
color: $color_main;
}
.verify_btn{
flex:1;
border-radius: 0px 40px 40px 0px;
background: #007aff;
text-align: center;
line-height: 82px;
color: #fff;
}
}
height: 126px;
font-size: $font_size_medium;
}
}
}
}
.btns_con {
width: 100%;
position: fixed;
bottom: 0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two {
display: flex;
width: 552px;
height: 82px;
border: 2px solid #cde5ff;
box-sizing: border-box;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn {
flex: 1;
border-radius: 0px 40px 40px 0px;
text-align: center;
line-height: 82px;
color: $color_main;
}
.verify_btn {
flex: 1;
border-radius: 0px 40px 40px 0px;
background: $color_main;
text-align: center;
line-height: 82px;
color: #fff;
}
}
}
}

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

@ -1,126 +1,124 @@
.popup_main{
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title{
font-size: $font_size;
font-weight: 700;
.popup_main {
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title {
font-size: $font_size;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.scroll {
flex: 1;
height: 0;
}
.popup_filter {
padding-bottom: 100px;
}
.popup_filter_item {
margin-bottom: 20px;
.title {
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list {
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item {
// width: 165.75px;
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
text-align: center;
padding: 20px 0;
}
.scroll{
flex:1;
height: 0;
}
.popup_filter{
padding-bottom: 100px;
}
.popup_filter_item{
line-height: 69.2px;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
.title{
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list{
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item{
// width: 165.75px;
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
text-align: center;
line-height: 69.2px;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
}
.select_btn_item{
color: $color_main;
background: #ecf5ff;
border: 2px solid #007aff;
width: 161.75px;
height: 65.2px;
}
}
.btn_list_input{
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
width: 220px;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input{
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit{
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text{
color: #ccc;
padding: 0 20px;
}
.width_main{
}
}
.btn_list_element{
background-color: #F0F0F0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea{
width: 100%;
height: 126px;
font-size: $font_size_medium;
}
}
}
.select_btn_item {
color: $color_main;
background: #ecf5ff;
border: 2px solid $color_main;
width: 161.75px;
height: 65.2px;
}
}
.btns_con{
.btn_list_input {
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
width: 220px;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input {
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit {
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text {
color: #ccc;
padding: 0 20px;
}
.width_main {
}
}
.btn_list_element {
background-color: #f0f0f0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea {
width: 100%;
position: fixed;
bottom:0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two{
display: flex;
width: 552px;
height: 82px;
border: 2px solid #cde5ff;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn{
flex:1;
border-radius: 0px 40px 40px 0px;
text-align: center;
line-height: 82px;
color: $color_main;
}
.verify_btn{
flex:1;
border-radius: 0px 40px 40px 0px;
background: #007aff;
text-align: center;
line-height: 82px;
color: #fff;
}
}
height: 126px;
font-size: $font_size_medium;
}
}
}
}
.btns_con {
width: 100%;
position: fixed;
bottom: 0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two {
display: flex;
width: 552px;
height: 82px;
border: 2px solid #cde5ff;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn {
flex: 1;
border-radius: 0px 40px 40px 0px;
text-align: center;
line-height: 82px;
color: $color_main;
}
.verify_btn {
flex: 1;
border-radius: 0px 40px 40px 0px;
background: $color_main;
text-align: center;
line-height: 82px;
color: #fff;
}
}
}
}

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

@ -44,7 +44,7 @@
}
}
.sideBar_select_title_select {
background-color: #007aff;
background-color: $color_main;
color: #fff;
border-radius: 0px 14px 14px 0px;
}

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

@ -1,37 +1,42 @@
.add-address{
.add-address {
display: flex;
flex-direction: column;
.add-address-default{
display: flex;align-items: center;justify-content: space-between;
.add-address-default {
display: flex;
align-items: center;
justify-content: space-between;
margin: 70px 30px 0;
font-size: 26px;
font-weight: 700;
color: #000000;
}
.add-address-default-active{
.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;
box-sizing: border-box;
}
.add-address-default-active text{
.add-address-default-active text {
font-size: 35px;
}
.add-address-default-noactive{
.add-address-default-noactive {
width: 50px;
height: 50px;
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{
.add-address-save {
width: 668px;
height: 82px;
background: #68b4ff;
@ -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%);
}
}
}

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

@ -1,110 +1,105 @@
.apply_after_sales_main {
.apply_after_sales_head {
font-size: 30px;
text-align: center;
padding: 20px 0;
font-weight: 700;
}
.kind_number {
width: 100%;
padding: 20px;
box-sizing: border-box;
border-bottom: 1px solid #f3f3f3;
text {
background-color: #f6f6f6;
border-radius: 10px;
font-size: $font_size_medium;
padding: 5px 0;
text-align: center;
width: 100%;
display: block;
color: $color_font_three;
}
}
.apply_after_sales_con {
.scroll {
height: calc(100% - 170px);
}
.scroll_con {
padding: 20px 0 150px 0;
}
.returnSaleInput {
margin: 0 20px;
padding-top: 30px;
border-top: 1px solid #f6f6f6;
.returnSaleInput_item {
display: flex;
align-items: center;
padding-bottom: 30px;
flex-wrap: wrap;
.title {
font-size: $font_size;
font-weight: 700;
width: 119px;
}
.select {
flex: 1;
height: 60px;
border: 2px solid #e6e6e6;
border-radius: 10px;
margin-left: 20px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
font-size: 26px;
color: $color_font_two;
.miconfont {
font-size: 30px;
}
.selected {
color: #000;
}
}
.upload_image {
flex: 1;
}
}
}
}
.apply_after_sales_main{
.apply_after_sales_head{
font-size: 30px;
.btns_con {
width: 100%;
position: fixed;
bottom: 0;
padding: 0 20px;
box-sizing: border-box;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two {
display: flex;
height: 82px;
// border: 1PX solid $color_main;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn {
flex: 1;
border: 1px solid $color_main;
border-radius: 40px 0 0 40px;
text-align: center;
padding: 20px 0;
font-weight: 700;
}
.kind_number{
width: 100%;
padding: 20px;
box-sizing: border-box;
border-bottom: 1PX solid #f3f3f3;
text{
background-color: #F6F6F6;
border-radius: 10px;
font-size: $font_size_medium;
padding: 5px 0;
text-align: center;
width: 100%;
display: block;
color: $color_font_three;
}
}
.apply_after_sales_con{
.scroll{
height: calc(100% - 170px);
}
.scroll_con{
padding: 20px 0 150px 0;
}
.returnSaleInput{
margin: 0 20px;
padding-top: 30px;
border-top: 1px solid #F6F6F6;
.returnSaleInput_item{
display: flex;
align-items: center;
padding-bottom: 30px;
flex-wrap: wrap;
.title{
font-size: $font_size;
font-weight: 700;
width: 119px;
}
.select{
flex:1;
height: 60px;
border: 2px solid #e6e6e6;
border-radius: 10px;
margin-left: 20px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
font-size: 26px;
color: $color_font_two;
.miconfont{
font-size: 30px;
}
.selected{
color: #000;
}
}
.upload_image{
flex:1;
}
}
}
}
.btns_con{
width: 100%;
position: fixed;
bottom:0;
padding: 0 20px;
box-sizing: border-box;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two{
display: flex;
height: 82px;
// border: 1PX solid #007aff;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn{
flex:1;
border: 1PX solid #007aff;
border-radius: 40px 0 0 40px;
text-align: center;
line-height: 82px;
color: $color_main;
background-color: #fff;
}
.verify_btn{
flex:1;
border-radius: 0 40px 40px 0;
background: #007aff;
text-align: center;
line-height: 82px;
color: #fff;
}
}
line-height: 82px;
color: $color_main;
background-color: #fff;
}
.verify_btn {
flex: 1;
border-radius: 0 40px 40px 0;
background: $color_main;
text-align: center;
line-height: 82px;
color: #fff;
}
}
}
}

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

@ -1,16 +1,16 @@
.certification{
.certification {
display: flex;
flex-direction: column;
background-color: #F0F0F0;
background-color: #f0f0f0;
padding-bottom: 300px;
.certification-content{
.certification-content {
background-color: white;
padding-bottom: 50px;
}
.certification-content:nth-of-type(3){
.certification-content:nth-of-type(3) {
margin-top: 18px;
}
.certification-title{
.certification-title {
font-size: 26px;
font-weight: 700;
margin-left: 30px;
@ -19,75 +19,94 @@
padding-bottom: 20px;
// border-top: 18px solid #F0F0F0;
}
.certification-upload{
.certification-upload {
width: 642px;
height: 316px;
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;
}
.certification-upload text{
.certification-upload text {
margin-bottom: 60px;
}
.certification-upload-no{
display: flex;flex-direction: column;align-items: center;
.certification-upload-no {
display: flex;
flex-direction: column;
align-items: center;
}
.certification-upload image{
position: absolute;width: 100%;height: 100%;
object-fit: cover;border-radius: 30px;
.certification-upload image {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.certification-upload-no-icon{
.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;
box-shadow: 0px 0px 12px 0px #68b4ff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: white;
}
.certification-upload-no-tips{
.certification-upload-no-tips {
margin-top: 30px;
border-radius: 30px;
font-size: 24px;
font-weight: 400;
color: #000000;
}
.certification-button{
position: absolute;bottom: -10px;left: -10px;right: -10px;
background-color: rgba(0,0,0,0.65);
.certification-button {
position: absolute;
bottom: -10px;
left: -10px;
right: -10px;
background-color: rgba(0, 0, 0, 0.65);
display: flex;
height: 86px;
border-radius: 0 0 30px 30px;
z-index: 1;
}
.certification-button view{
.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;
.certification-button view:first-child {
border-right: 1px solid #cccccc;
}
.certification-footer{
.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;
box-shadow: 6px 0px 12px 0px rgba(0, 0, 0, 0.16);
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{
.certification-footer-button {
width: 696px;
height: 82px;
background: #ffffff;
@ -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;
.certification-footer-button navigator::after {
border: 0;
border-radius: none;
}
.certification-footer-button view:last-child{
.certification-footer-button view:last-child {
color: white;
background-color: #007AFF;
background-color: $color_main;
}
}
}

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

@ -1,126 +1,124 @@
.popup_main{
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title{
font-size: $font_size;
font-weight: 700;
.popup_main {
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title {
font-size: $font_size;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.scroll {
flex: 1;
height: 0;
}
.popup_filter {
padding-bottom: 100px;
}
.popup_filter_item {
margin-bottom: 20px;
.title {
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list {
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item {
width: 165.75px;
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
text-align: center;
padding: 20px 0;
}
.scroll{
flex:1;
height: 0;
}
.popup_filter{
padding-bottom: 100px;
}
.popup_filter_item{
line-height: 69.2px;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
.title{
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list{
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item{
width: 165.75px;
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
text-align: center;
line-height: 69.2px;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
}
.select_btn_item{
color: $color_main;
background: #ecf5ff;
border: 2px solid #007aff;
width: 161.75px;
height: 65.2px;
}
}
.btn_list_input{
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
width: 220px;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input{
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit{
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text{
color: #ccc;
padding: 0 20px;
}
.width_main{
}
}
.btn_list_element{
background-color: #F0F0F0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea{
width: 100%;
height: 126px;
font-size: $font_size_medium;
}
}
}
.select_btn_item {
color: $color_main;
background: #ecf5ff;
border: 2px solid $color_main;
width: 161.75px;
height: 65.2px;
}
}
.btns_con{
.btn_list_input {
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
width: 220px;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input {
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit {
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text {
color: #ccc;
padding: 0 20px;
}
.width_main {
}
}
.btn_list_element {
background-color: #f0f0f0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea {
width: 100%;
position: fixed;
bottom:0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two{
display: flex;
width: 552px;
height: 82px;
border: 2px solid #cde5ff;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn{
flex:1;
border-radius: 0px 40px 40px 0px;
text-align: center;
line-height: 82px;
color: $color_main;
}
.verify_btn{
flex:1;
border-radius: 0px 40px 40px 0px;
background: #007aff;
text-align: center;
line-height: 82px;
color: #fff;
}
}
height: 126px;
font-size: $font_size_medium;
}
}
}
}
.btns_con {
width: 100%;
position: fixed;
bottom: 0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two {
display: flex;
width: 552px;
height: 82px;
border: 2px solid #cde5ff;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn {
flex: 1;
border-radius: 0px 40px 40px 0px;
text-align: center;
line-height: 82px;
color: $color_main;
}
.verify_btn {
flex: 1;
border-radius: 0px 40px 40px 0px;
background: $color_main;
text-align: center;
line-height: 82px;
color: #fff;
}
}
}
}

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

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

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

@ -20,7 +20,7 @@
}
.miconfont {
font-size: 36px;
color: #007aff;
color: $color_main;
}
.text {
margin-left: 10px;

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

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

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

@ -1,23 +1,26 @@
.company{
.company {
display: flex;
flex-direction: column;
.save-button{
.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{
.form-radio {
display: flex;
flex-wrap: wrap;align-items: center;
flex-wrap: wrap;
align-items: center;
}
.form-radio view{
.form-radio view {
height: 54px;
background: #f0f0f0;
border-radius: 28px;
@ -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%;
@ -37,8 +42,8 @@
-webkit-line-clamp: 1;
overflow: hidden;
}
.form-radio .form-radio-active{
.form-radio .form-radio-active {
background: #ecf5ff;
border: 2px solid #cde5ff;
}
}
}

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

@ -1,11 +1,11 @@
.credit-line{
.credit-line {
height: 100vh;
background-color: #f3f3f3;
canvas{
canvas {
width: 238px;
height: 238px;
}
.credit-line-card{
.credit-line-card {
width: 702px;
background: #ffffff;
border-radius: 20px;
@ -13,80 +13,86 @@
padding: 0 30px;
box-sizing: border-box;
}
.credit-line-card-top{
display: flex;align-items: flex-end;
.credit-line-card-top {
display: flex;
align-items: flex-end;
padding: 30px 20px;
border-bottom: 1px solid #f6f6f6;
position: relative;
}
.credit-line-card-top-info{
.credit-line-card-top-info {
text-align: center;
flex: 1;
}
.credit-line-card-top-info-title{
.credit-line-card-top-info-title {
font-size: 24px;
font-weight: 700;
color: #000000;
margin-bottom: 16px;
}
.credit-line-card-top-info-price{
.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{
.credit-line-card-top-info-price text {
font-size: 20px;
}
.credit-line-card-top-info-date{
.credit-line-card-top-info-date {
font-size: 22px;
font-weight: 400;
color: #ababab;
}
.credit-line-card-top-status{
.credit-line-card-top-status {
padding: 0 20px;
height: 38px;
background: #ebfaea;
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{
.credit-line-card-bottom {
padding: 30px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: center;
}
.credit-line-card-bottom-item-title{
.credit-line-card-bottom-item-title {
font-size: 24px;
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{
.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{
.credit-line-card-bottom-item-title .miconfont {
color: #ccc;
}
.credit-line-card-bottom-item:nth-child(2) .credit-line-card-bottom-item-title text{
.credit-line-card-bottom-item:nth-child(2) .credit-line-card-bottom-item-title text {
font-size: 28px;
}
.credit-line-card-bottom-item-price{
.credit-line-card-bottom-item-price {
font-size: 40px;
font-weight: 400;
color: #ababab;
}
.credit-line-card-bottom-item-price text{
.credit-line-card-bottom-item-price text {
font-size: 20px;
}
}
}

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 './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>
)
}

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

@ -1,86 +1,87 @@
.deposit-detail{
.deposit-detail {
// height: 100vh;
// background-color: #f3f3f3;
.deposit-detail-tips{
.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{
.deposit-detail-tips text {
margin-right: 10px;
font-size: 30px;
}
&>view{
& > view {
padding: 30px 0;
margin: 0 25px;
border-bottom: 1px solid #F6F6F6;
border-bottom: 1px solid #f6f6f6;
}
&>view:last-child{
& > view:last-child {
border-bottom: 0;
}
.deposit-amount{
.deposit-amount {
text-align: center;
}
.deposit-type{
.deposit-type {
font-size: 28px;
font-weight: 400;
color: #000000;
margin-bottom: 35px;
}
.deposit-price{
.deposit-price {
font-size: 40px;
font-weight: 700;
color: #000000;
}
.deposit-status{
.deposit-status {
display: flex;
}
.deposit-status-title{
.deposit-status-title {
font-size: 24px;
font-weight: 400;
color: #707070;
margin-right: 105px;
}
.deposit-voucher-title{
.deposit-voucher-title {
font-size: 24px;
font-weight: 400;
color: #707070;
margin-bottom: 28px;
}
.deposit-voucher-title::before{
content: "*";
color: #007AFF;
.deposit-voucher-title::before {
content: '*';
color: $color_main;
}
.deposit-voucher-content{
.deposit-voucher-content {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 30px;
height: 98px;
}
.deposit-voucher-content image{
.deposit-voucher-content image {
width: 100%;
height: 100%;
object-fit: cover;
}
.deposit-info-list{
.deposit-info-list {
display: flex;
margin-bottom: 20px;
}
.deposit-info-list-title{
.deposit-info-list-title {
width: 140px;
font-size: 24px;
font-weight: 400;
color: #707070;
border-right: 1px solid #F0F0F0;
border-right: 1px solid #f0f0f0;
}
.deposit-info-list-content{
.deposit-info-list-content {
width: 468px;
font-size: 24px;
font-weight: 400;
@ -88,69 +89,77 @@
padding-left: 25px;
box-sizing: border-box;
}
.deposit-info-list-copy{
.deposit-info-list-copy {
font-size: 20px;
font-weight: 400;
color: #ababab;
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;
margin-left: 50px;
height: 100px;
}
.deposit-timeline-item-title{
.deposit-timeline-item-title {
font-size: 24px;
font-weight: 400;
color: #3c3c3c;
}
.deposit-timeline-item-date{
.deposit-timeline-item-date {
font-size: 24px;
font-weight: 400;
color: #ababab;
}
.deposit-timeline-item-left{
.deposit-timeline-item-left {
position: relative;
margin-right: 55px;
width: 12px;
}
.deposit-timeline-item-left::before{
content: " ";
.deposit-timeline-item-left::before {
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%);
.deposit-timeline-item-left::after {
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{
.deposit-timeline-item-error Text {
background: #cccccc;
}
}
}

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

@ -20,7 +20,7 @@
height: 46px;
text-align: center;
line-height: 43px;
color: #007aff;
color: $color_main;
}
.input {
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%);
}
.select_add_cart {
background: linear-gradient(38deg, #007aff, #4fa6ff 100%, #68b4ff 100%);
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
}
}
}

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

@ -1,176 +1,175 @@
.shop_cart_main{
.popup_con{
height: 80vh;
.shop_cart_main {
.popup_con {
height: 80vh;
display: flex;
flex-direction: column;
}
.header {
color: $color_font_one;
font-size: 32px;
font-weight: 700;
padding: 20px;
}
.colorFind {
padding: 10px 20px;
display: flex;
align-items: center;
.search {
flex: 1;
}
.text {
font-size: $font_size_medium;
color: $color_main;
}
}
.search {
display: flex;
align-items: center;
padding: 20px;
.search_title {
font-size: $font_size;
color: #000;
width: 160px;
}
.search_list {
display: flex;
justify-content: space-between;
flex: 1;
}
.search_item {
width: 148px;
height: 55px;
text-align: center;
line-height: 55px;
color: $color_font_two;
font-size: $font_size_medium;
background-color: #f0f0f0;
border-radius: 50px;
}
.search_item_select {
border: 2px solid $color_main;
background-color: #ecf5ff;
color: $color_main;
width: 144px;
height: 51px;
}
}
.colorNum {
display: flex;
justify-content: space-between;
padding: 20px;
.title {
font-size: 26px;
}
.miconfont {
font-size: 36px;
color: $color_font_two;
}
}
.product_color_con {
flex: 1;
height: 0;
padding-bottom: 151px;
}
.color_con {
.virtual_list {
padding-bottom: 300px;
}
.item {
display: flex;
justify-content: space-between;
padding: 0 20px;
margin-bottom: 40px;
.item_color {
width: 156.5px;
height: 156.5px;
border-radius: 20px;
}
.item_con {
flex: 1;
display: flex;
flex-direction: column;
}
.header{
color: $color_font_one;
font-size: 32px;
font-weight: 700;
padding: 20px;
}
.colorFind{
padding: 10px 20px;
display: flex;
align-items: center;
.search{
flex:1;
}
.text{
font-size: $font_size_medium;
color: $color_main;
}
}
.search{
display: flex;
align-items: center;
padding: 20px;
.search_title{
font-size: $font_size;
color: #000;
width: 160px;
}
.search_list{
display: flex;
justify-content: space-between;
flex:1;
}
.search_item{
width: 148px;
height: 55px;
text-align: center;
line-height: 55px;
color: $color_font_two;
font-size: $font_size_medium;
background-color: #f0f0f0;
border-radius: 50px;
}
.search_item_select{
border: 2px solid $color_main;
background-color: #ecf5ff;
color: $color_main;
width: 144px;
height: 51px;
}
}
.colorNum{
display: flex;
justify-content: space-between;
padding: 20px;
.title{
font-size: 26px;
padding: 20px 0 20px 20px;
.title {
font-size: $font_size_big;
font-weight: 700;
}
.miconfont{
font-size: 36px;
color: $color_font_two;
.num {
font-size: $font_size;
color: $color_main;
}
}
.product_color_con{
flex:1;
height: 0;
padding-bottom:151px;
}
.color_con{
.virtual_list{
padding-bottom: 300px;
.priceText {
font-size: $font_size_big;
Text {
font-size: $font_size_min;
}
}
.item {
display: flex;
justify-content: space-between;
padding: 0 20px;
margin-bottom: 40px;
.item_color{
width: 156.5px;
height: 156.5px;
border-radius: 20px;
}
.item_con{
flex:1;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px 0 20px 20px;
.title{
font-size: $font_size_big;
font-weight: 700;
}
.num{
font-size: $font_size;
color: $color_main;
}
.priceText{
font-size: $font_size_big;
Text{
font-size: $font_size_min;
}
}
}
.btn_con{
display: flex;
align-items: flex-end;
.btn{
width: 116px;
height: 64px;
background-color: $color_main;
border-radius: 40px 0px 16px 0px;
font-size: $font_size_medium;
text-align: center;
line-height: 64px;
color: #fff;
}
.btn_count{
width: 235px;
height: 64px;
background-color: #ECF5FF;
border-radius: 40px 0px 16px 0px;
padding: 0 20px;
display: flex;
align-items: center;
}
}
}
}
.noData{
width:100%;
height: 100%;
}
.btn_con {
display: flex;
justify-content: center;
align-items: center;
color: $color_font_three;
font-size: $font_size_medium;
align-items: flex-end;
.btn {
width: 116px;
height: 64px;
background-color: $color_main;
border-radius: 40px 0px 16px 0px;
font-size: $font_size_medium;
text-align: center;
line-height: 64px;
color: #fff;
}
.btn_count {
width: 235px;
height: 64px;
background-color: #ecf5ff;
border-radius: 40px 0px 16px 0px;
padding: 0 20px;
display: flex;
align-items: center;
}
}
}
.buy_btn{
width: 100%;
padding: 0 40px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-sizing: border-box;
position: fixed;
bottom:0;
font-size: $font_size_medium;
color: $color_font_two;
background-color: #fff;
box-shadow: 6px 0px 12px 0px rgba(0,0,0,0.16);
.buy_btn_con{
display: flex;
justify-content: space-between;
align-items: center;
height: 151px;
}
.add_cart{
width: 260px;
height: 90px;
font-size: $font_size_big;
text-align: center;
line-height: 90px;
border-radius: 50px;
color: #fff;
background: linear-gradient(38deg,#5cabff, #7cbcfc 100%, #99ccff 100%);
}
.select_add_cart{
background: linear-gradient(38deg,#007aff, #4fa6ff 100%, #68b4ff 100%);
}
}
.noData {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: $color_font_three;
font-size: $font_size_medium;
}
.buy_btn {
width: 100%;
padding: 0 40px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-sizing: border-box;
position: fixed;
bottom: 0;
font-size: $font_size_medium;
color: $color_font_two;
background-color: #fff;
box-shadow: 6px 0px 12px 0px rgba(0, 0, 0, 0.16);
.buy_btn_con {
display: flex;
justify-content: space-between;
align-items: center;
height: 151px;
}
}
.add_cart {
width: 260px;
height: 90px;
font-size: $font_size_big;
text-align: center;
line-height: 90px;
border-radius: 50px;
color: #fff;
background: linear-gradient(38deg, #5cabff, #7cbcfc 100%, #99ccff 100%);
}
.select_add_cart {
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
}
}
}

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

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

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

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

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

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

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

@ -80,7 +80,7 @@ $top: 170px;
}
}
.btns {
background: #007aff;
background: $color_main;
border-radius: 40px;
width: 702px;
height: 82px;

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

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

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

@ -1,48 +1,48 @@
.order_popup{
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0;
.order_popup_title{
color: $font_size_big;
font-weight: 700;
color: #000000;
padding-bottom: 20px;
}
.order_popup_input{
width: 100%;
padding: 0 25px;
box-sizing: border-box;
margin-top: 43px;
position: relative;
.descDataNum{
position: absolute;
right: 40px;
bottom: 10px;
height: 39px;
font-size: $font_size_medium;
color: $color_font_two;
}
textarea{
background-color: #f3f3f3;
border-radius: 10px;
width: 100%;
height: 313px;
padding: 20px;
padding-bottom: 50px;
box-sizing: border-box;
font-size: $font_size;
border: 2px solid #e6e6e6;
}
.order_popup {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0;
.order_popup_title {
color: $font_size_big;
font-weight: 700;
color: #000000;
padding-bottom: 20px;
}
.order_popup_input {
width: 100%;
padding: 0 25px;
box-sizing: border-box;
margin-top: 43px;
position: relative;
.descDataNum {
position: absolute;
right: 40px;
bottom: 10px;
height: 39px;
font-size: $font_size_medium;
color: $color_font_two;
}
.order_save_address{
height: 82px;
background: #007aff;
border-radius: 40px;
width: 668px;
text-align: center;
line-height: 82px;
color: #fff;
margin-top: 60px;
}
}
textarea {
background-color: #f3f3f3;
border-radius: 10px;
width: 100%;
height: 313px;
padding: 20px;
padding-bottom: 50px;
box-sizing: border-box;
font-size: $font_size;
border: 2px solid #e6e6e6;
}
}
.order_save_address {
height: 82px;
background: $color_main;
border-radius: 40px;
width: 668px;
text-align: center;
line-height: 82px;
color: #fff;
margin-top: 60px;
}
}

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

@ -1,54 +1,53 @@
$top:170px;
.scanPay_main{
.scanPay_con{
padding: 20px;
background-color: #F6F6F6;
border-radius: 20px;
.miconfont_title{
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
$top: 170px;
.scanPay_main {
.scanPay_con {
padding: 20px;
background-color: #f6f6f6;
border-radius: 20px;
.miconfont_title {
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
.title{
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
}
.title {
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
}
.desc {
font-size: $font_size_min;
color: $color_main;
text-align: center;
padding: 10px 0;
.miconfont {
font-size: 25px;
}
.desc{
font-size: $font_size_min;
color: $color_main;
text-align: center;
padding: 10px 0;
.miconfont{
font-size: 25px;
}
}
.scanPay_list {
border-radius: 10px;
height: 900px;
image {
width: 100%;
}
.scanPay_list{
border-radius: 10px;
height: 900px;
image{
width: 100%;
}
}
.btns{
background: #007aff;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}
}
.btns {
background: $color_main;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}

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

@ -1,55 +1,54 @@
$top:170px;
.scanPay_main{
.scanPay_con{
padding: 20px;
background-color: #F6F6F6;
border-radius: 20px;
.miconfont_title{
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
$top: 170px;
.scanPay_main {
.scanPay_con {
padding: 20px;
background-color: #f6f6f6;
border-radius: 20px;
.miconfont_title {
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
.title{
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
padding: 10px 0;
}
.title {
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
padding: 10px 0;
}
.desc {
font-size: $font_size_min;
color: $color_main;
text-align: center;
padding: 10px 0;
.miconfont {
font-size: 25px;
}
.desc{
font-size: $font_size_min;
color: $color_main;
text-align: center;
padding: 10px 0;
.miconfont{
font-size: 25px;
}
}
.scanPay_list {
border-radius: 10px;
height: 900px;
image {
width: 100%;
}
.scanPay_list{
border-radius: 10px;
height: 900px;
image{
width: 100%;
}
}
.btns{
background: #007aff;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}
}
.btns {
background: $color_main;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}

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

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

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

@ -1,150 +1,148 @@
.kindsList_main{
margin-top: 20px;
.kindsList_main {
margin-top: 20px;
}
.orders_list_con{
background-color: #fff;
border-radius: 20px;
padding: 20px;
.orders_return_title{
.orders_list_con {
background-color: #fff;
border-radius: 20px;
padding: 20px;
.orders_return_title {
font-size: 28px;
font-weight: 700;
padding-bottom: 20px;
}
.order_list {
&:nth-child(n + 2) {
margin-top: 30px;
}
.order_list_title {
display: flex;
align-items: center;
.tag {
font-size: $font_size_min;
background-color: #cde5ff;
padding: 5px 10px;
border-radius: 6px;
color: $color_main;
}
.title {
font-weight: 700;
font-size: $font_size;
margin-left: 20px;
flex: 1;
}
.num {
color: $color_font_two;
font-size: $font_size_min;
}
}
}
.order_list_scroll {
margin-top: 30px;
.order_list_item {
display: flex;
&:nth-child(n + 2) {
margin-top: 30px;
}
.order_list_item_img {
width: 126px;
height: 126px;
border-radius: 20px;
}
.order_list_item_con {
display: flex;
width: 100%;
flex: 1;
border-bottom: 1px solid #f0f0f0;
height: 150px;
padding-top: 20px;
box-sizing: border-box;
}
.order_list_item_des {
flex: 1;
box-sizing: border-box;
padding-left: 30px;
.order_list_item_title {
font-weight: 700;
font-size: $font_size;
margin-bottom: 15px;
}
.order_list_item_price {
font-size: 26px;
color: $color_font_three;
text {
&:nth-child(n + 1) {
margin-right: 20px;
}
}
}
}
.order_list_item_count {
display: flex;
flex-direction: column;
align-items: flex-end;
.count_num {
color: $color_main;
font-size: $font_size;
margin-bottom: 15px;
font-weight: 400;
text {
font-size: $font_size_min;
}
}
.count_price {
font-size: $font_size;
font-weight: 700;
text {
font-size: $font_size_min;
}
}
}
}
}
.order_total {
padding-top: 20px;
display: flex;
justify-content: space-between;
text {
&:nth-child(1) {
font-size: 28px;
font-weight: 700;
padding-bottom: 20px;
}
.order_list{
&:nth-child(n+2) {
margin-top: 30px;
}
.order_list_title{
display: flex;
align-items: center;
.tag{
font-size: $font_size_min;
background-color: #CDE5FF;
padding: 5px 10px;
border-radius: 6px;
color: $color_main;
}
.title{
font-weight: 700;
font-size: $font_size;
margin-left: 20px;
flex:1;
}
.num{
color: $color_font_two;
font-size: $font_size_min;
}
}
}
.order_list_scroll{
margin-top: 30px;
.order_list_item {
display: flex;
&:nth-child(n + 2) {
margin-top: 30px;
}
.order_list_item_img{
width: 126px;
height: 126px;
border-radius: 20px;
}
.order_list_item_con{
display: flex;
width: 100%;
flex:1;
border-bottom: 1px solid #f0f0f0;
height: 150px;
padding-top: 20px;
box-sizing: border-box;
}
.order_list_item_des{
flex:1;
box-sizing: border-box;
padding-left: 30px;
.order_list_item_title{
font-weight: 700;
font-size: $font_size;
margin-bottom: 15px;
}
.order_list_item_price{
font-size: 26px;
color: $color_font_three;
text{
&:nth-child(n+1) {
margin-right: 20px;
}
}
}
}
.order_list_item_count{
display: flex;
flex-direction: column;
align-items: flex-end;
.count_num{
color: $color_main;
font-size: $font_size;
margin-bottom: 15px;
font-weight: 400;
text{
font-size: $font_size_min;
}
}
.count_price {
font-size: $font_size;
font-weight: 700;
text{
font-size: $font_size_min;
}
}
}
}
}
.order_total{
padding-top: 20px;
display: flex;
justify-content: space-between;
text{
&:nth-child(1) {
font-size: 28px;
font-weight: 700;
}
&:nth-child(2) {
font-size: 24px;
font-weight: 700;
}
}
}
.order_estimated_amount{
display: flex;
align-items: flex-end;
flex-direction: column;
padding: 30px 0;
.order_price_des{
font-size: $font_size_medium;
color: $color_font_two;
}
}
}
.inspection{
background: linear-gradient(38deg,#007aff, #4fa6ff 100%, #68b4ff 100%);
border-radius: 20px;
color: #fff;
height: 176px;
padding: 30px ;
box-sizing: border-box;
font-size: 28px;
.inspection_title{
}
&:nth-child(2) {
font-size: 24px;
font-weight: 700;
}
}
.inspection_con{
margin-top: 20px;
display: flex;
align-items: center;
.miconfont{
font-size: 50px;
margin-right: 10px;
}
}
.order_estimated_amount {
display: flex;
align-items: flex-end;
flex-direction: column;
padding: 30px 0;
.order_price_des {
font-size: $font_size_medium;
color: $color_font_two;
}
}
}
.inspection {
background: linear-gradient(38deg, $color_main, #4fa6ff 100%, #68b4ff 100%);
border-radius: 20px;
color: #fff;
height: 176px;
padding: 30px;
box-sizing: border-box;
font-size: 28px;
.inspection_title {
font-weight: 700;
}
.inspection_con {
margin-top: 20px;
display: flex;
align-items: center;
.miconfont {
font-size: 50px;
margin-right: 10px;
}
}
}

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

@ -1,46 +1,45 @@
$top:170px;
.offlinePay_main{
.offlinePay_con{
padding: 20px;
background-color: #F6F6F6;
border-radius: 20px;
.miconfont_title{
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
$top: 170px;
.offlinePay_main {
.offlinePay_con {
padding: 20px;
background-color: #f6f6f6;
border-radius: 20px;
.miconfont_title {
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
.title{
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
}
.title {
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
}
.offlinePay_list {
border-radius: 10px;
padding: 60px 0;
.offlinePay_con_text {
font-size: $font_size;
font-weight: 700;
}
.offlinePay_list{
border-radius: 10px;
padding: 60px 0;
.offlinePay_con_text{
font-size: $font_size;
font-weight: 700;
}
}
.btns{
background: #007aff;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}
}
.btns {
background: $color_main;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}

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

@ -1,126 +1,123 @@
$top:190px;
.payment_main{
.payment_con{
padding: 20px;
background-color: #F6F6F6;
border-radius: 20px;
.miconfont_title{
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
$top: 190px;
.payment_main {
.payment_con {
padding: 20px;
background-color: #f6f6f6;
border-radius: 20px;
.miconfont_title {
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
.title{
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
}
.amount{
text-align: center;
padding: 25px 0;
}
.payment_list{
background-color: #fff;
// box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
min-height: 300px;
border-radius: 10px;
padding-bottom: 100px;
position: relative;
background: radial-gradient(circle 20px at left $top, transparent 20px, #fff 20px + 3px) left 0px/60% no-repeat ,
radial-gradient(circle 20px at right $top, transparent 20px, #fff 20px + 3px) right 0px/60% no-repeat;
filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, .16));
position: relative;
&::before{
content: '';
position: absolute;
border-bottom: 3px dashed #ccc;
top: $top;
width: calc(100% - 100px);
left:0;
right: 0;
margin: auto;
}
.title {
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
}
.amount {
text-align: center;
padding: 25px 0;
}
}
.payment_list_top_border{
height: 32px;
width: 100%;
background: linear-gradient(215deg,#cde5ff 2%, #cde5ff 2%, #68b4ff 72%);
border-radius: 10px 10px 0px 0px;
}
.payment_list_title{
text-align: center;
padding: 30px 0 50px 0;
font-size: $font_size;
color: $color_font_three;
.payment_list_title_price_item{
display: flex;
justify-content: space-between;
padding: 0 90px;
&:nth-child(1) {
margin-bottom: 15px;
}
}
text{
&:nth-child(2) {
color: $color_main;
}
}
}
.payment_list_con{
padding: 20px 30px 0 30px;
.payment_list_item{
display: flex;
justify-content: space-between;
align-items: center;
height: 123px;
&:nth-last-child(n+2) {
border-bottom: 2px solid #F3F3F3;
}
}
.payment_list_item_left{
display: flex;
flex-direction: column;
font-size: $font_size;
.payment_list_item_left_name{
display: flex;
align-items: center;
}
.miconfont{
font-size: 30px;
color: #FFC300;
padding-right: 10px;
}
.payment_list_item_left_price{
font-size: $font_size_min;
color: $color_font_two;
padding-left: 35px;
padding-top: 5px;
}
}
.miconfont_more{
font-size: 20px;
}
}
.payment_list {
background-color: #fff;
// box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.16);
min-height: 300px;
border-radius: 10px;
padding-bottom: 100px;
position: relative;
background: radial-gradient(circle 20px at left $top, transparent 20px, #fff 20px + 3px) left 0px/60% no-repeat,
radial-gradient(circle 20px at right $top, transparent 20px, #fff 20px + 3px) right 0px/60% no-repeat;
filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.16));
position: relative;
&::before {
content: '';
position: absolute;
border-bottom: 3px dashed #ccc;
top: $top;
width: calc(100% - 100px);
left: 0;
right: 0;
margin: auto;
}
.btns{
background: #007aff;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
.payment_list_top_border {
height: 32px;
width: 100%;
background: linear-gradient(215deg, #cde5ff 2%, #cde5ff 2%, #68b4ff 72%);
border-radius: 10px 10px 0px 0px;
}
}
.payment_list_title {
text-align: center;
padding: 30px 0 50px 0;
font-size: $font_size;
color: $color_font_three;
.payment_list_title_price_item {
display: flex;
justify-content: space-between;
padding: 0 90px;
&:nth-child(1) {
margin-bottom: 15px;
}
}
text {
&:nth-child(2) {
color: $color_main;
}
}
}
.payment_list_con {
padding: 20px 30px 0 30px;
.payment_list_item {
display: flex;
justify-content: space-between;
align-items: center;
height: 123px;
&:nth-last-child(n + 2) {
border-bottom: 2px solid #f3f3f3;
}
}
.payment_list_item_left {
display: flex;
flex-direction: column;
font-size: $font_size;
.payment_list_item_left_name {
display: flex;
align-items: center;
}
.miconfont {
font-size: 30px;
color: #ffc300;
padding-right: 10px;
}
.payment_list_item_left_price {
font-size: $font_size_min;
color: $color_font_two;
padding-left: 35px;
padding-top: 5px;
}
}
.miconfont_more {
font-size: 20px;
}
}
}
.btns {
background: $color_main;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}

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

@ -1,48 +1,48 @@
.order_popup{
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0;
.order_popup_title{
color: $font_size_big;
font-weight: 700;
color: #000000;
padding-bottom: 20px;
}
.order_popup_input{
width: 100%;
padding: 0 25px;
box-sizing: border-box;
margin-top: 43px;
position: relative;
.descDataNum{
position: absolute;
right: 40px;
bottom: 10px;
height: 39px;
font-size: $font_size_medium;
color: $color_font_two;
}
textarea{
background-color: #f3f3f3;
border-radius: 10px;
width: 100%;
height: 313px;
padding: 20px;
padding-bottom: 50px;
box-sizing: border-box;
font-size: $font_size;
border: 2px solid #e6e6e6;
}
.order_popup {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0;
.order_popup_title {
color: $font_size_big;
font-weight: 700;
color: #000000;
padding-bottom: 20px;
}
.order_popup_input {
width: 100%;
padding: 0 25px;
box-sizing: border-box;
margin-top: 43px;
position: relative;
.descDataNum {
position: absolute;
right: 40px;
bottom: 10px;
height: 39px;
font-size: $font_size_medium;
color: $color_font_two;
}
.order_save_address{
height: 82px;
background: #007aff;
border-radius: 40px;
width: 668px;
text-align: center;
line-height: 82px;
color: #fff;
margin-top: 60px;
}
}
textarea {
background-color: #f3f3f3;
border-radius: 10px;
width: 100%;
height: 313px;
padding: 20px;
padding-bottom: 50px;
box-sizing: border-box;
font-size: $font_size;
border: 2px solid #e6e6e6;
}
}
.order_save_address {
height: 82px;
background: $color_main;
border-radius: 40px;
width: 668px;
text-align: center;
line-height: 82px;
color: #fff;
margin-top: 60px;
}
}

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

@ -1,35 +1,34 @@
.logistics_main{
padding: 20px 30px;
box-sizing: border-box;
.logistics_image{
display: flex;
.title_desc{
font-size: 28px;
font-weight: 700;
padding-top: 50px;
box-sizing: border-box;
}
.upload_image{
flex:1;
}
.logistics_main {
padding: 20px 30px;
box-sizing: border-box;
.logistics_image {
display: flex;
.title_desc {
font-size: 28px;
font-weight: 700;
padding-top: 50px;
box-sizing: border-box;
}
.logistics_desc{
margin-top: 50px;
.upload_image {
flex: 1;
}
.btns_two{
display: flex;
height: 82px;
font-size: $font_size_big;
border-radius: 40px;
margin-top: 50px;
.verify_btn{
flex:1;
border-radius: 40px;
background: #007aff;
text-align: center;
line-height: 82px;
color: #fff;
}
}
.logistics_desc {
margin-top: 50px;
}
.btns_two {
display: flex;
height: 82px;
font-size: $font_size_big;
border-radius: 40px;
margin-top: 50px;
.verify_btn {
flex: 1;
border-radius: 40px;
background: $color_main;
text-align: center;
line-height: 82px;
color: #fff;
}
}
}

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

@ -1,55 +1,54 @@
$top:170px;
.scanPay_main{
.scanPay_con{
padding: 20px;
background-color: #F6F6F6;
border-radius: 20px;
.miconfont_title{
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
$top: 170px;
.scanPay_main {
.scanPay_con {
padding: 20px;
background-color: #f6f6f6;
border-radius: 20px;
.miconfont_title {
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
.title{
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
padding: 10px 0;
}
.title {
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
padding: 10px 0;
}
.desc {
font-size: $font_size_min;
color: $color_main;
text-align: center;
padding: 10px 0;
.miconfont {
font-size: 25px;
}
.desc{
font-size: $font_size_min;
color: $color_main;
text-align: center;
padding: 10px 0;
.miconfont{
font-size: 25px;
}
}
.scanPay_list {
border-radius: 10px;
height: 900px;
image {
width: 100%;
}
.scanPay_list{
border-radius: 10px;
height: 900px;
image{
width: 100%;
}
}
.btns{
background: #007aff;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}
}
.btns {
background: $color_main;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}

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

@ -1,54 +1,53 @@
$top:170px;
.scanPay_main{
.scanPay_con{
padding: 20px;
background-color: #F6F6F6;
border-radius: 20px;
.miconfont_title{
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
$top: 170px;
.scanPay_main {
.scanPay_con {
padding: 20px;
background-color: #f6f6f6;
border-radius: 20px;
.miconfont_title {
transform: rotate(-180deg);
position: absolute;
left: 20px;
top: 27px;
font-size: 37px;
color: $color_font_three;
z-index: 99;
}
.title{
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
}
.title {
font-size: $font_size_big;
color: #000000;
text-align: center;
font-weight: 700;
position: relative;
}
.desc {
font-size: $font_size_min;
color: $color_main;
text-align: center;
padding: 10px 0;
.miconfont {
font-size: 25px;
}
.desc{
font-size: $font_size_min;
color: $color_main;
text-align: center;
padding: 10px 0;
.miconfont{
font-size: 25px;
}
}
.scanPay_list {
border-radius: 10px;
height: 900px;
image {
width: 100%;
}
.scanPay_list{
border-radius: 10px;
height: 900px;
image{
width: 100%;
}
}
.btns{
background: #007aff;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}
}
.btns {
background: $color_main;
border-radius: 40px;
width: 668px;
height: 82px;
text-align: center;
line-height: 80px;
width: 100%;
color: #fff;
font-size: 32px;
margin-top: 30px;
}
}

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

@ -1,35 +1,34 @@
.logistics_main{
padding: 20px 30px;
box-sizing: border-box;
.logistics_image{
display: flex;
.title_desc{
font-size: 28px;
font-weight: 700;
padding-top: 50px;
box-sizing: border-box;
}
.upload_image{
flex:1;
}
.logistics_main {
padding: 20px 30px;
box-sizing: border-box;
.logistics_image {
display: flex;
.title_desc {
font-size: 28px;
font-weight: 700;
padding-top: 50px;
box-sizing: border-box;
}
.logistics_desc{
margin-top: 50px;
.upload_image {
flex: 1;
}
.btns_two{
display: flex;
height: 82px;
font-size: $font_size_big;
border-radius: 40px;
margin-top: 50px;
.verify_btn{
flex:1;
border-radius: 40px;
background: #007aff;
text-align: center;
line-height: 82px;
color: #fff;
}
}
.logistics_desc {
margin-top: 50px;
}
.btns_two {
display: flex;
height: 82px;
font-size: $font_size_big;
border-radius: 40px;
margin-top: 50px;
.verify_btn {
flex: 1;
border-radius: 40px;
background: $color_main;
text-align: center;
line-height: 82px;
color: #fff;
}
}
}

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

@ -1,253 +1,251 @@
page {
background: #f3f3f3;
overflow: hidden;
background: #f3f3f3;
overflow: hidden;
}
.body {
overflow: hidden;
overflow: hidden;
.topBox {
margin-top: 24px;
margin-left: 30px;
width: 690px;
height: 86px;
background: #ffffff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
.topBox {
margin-top: 24px;
margin-left: 30px;
width: 690px;
height: 86px;
background: #ffffff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
.leftBox {
display: flex;
align-items: center;
padding-left: 19px;
.leftBox {
display: flex;
align-items: center;
padding-left: 19px;
.leftFont {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: left;
color: #707070;
margin-right: 14px;
}
.leftFont {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: left;
color: #707070;
margin-right: 14px;
}
.borderBox {
width: 0px;
height: 62px;
border: 2px solid #f3f3f3;
margin-right: 39px;
}
.borderBox {
width: 0px;
height: 62px;
border: 2px solid #f3f3f3;
margin-right: 39px;
}
.cricleBox {
width: 12px;
height: 12px;
background: #cccccc;
border-radius: 50%;
margin-right: 12px;
}
.cricleBox {
width: 12px;
height: 12px;
background: #cccccc;
border-radius: 50%;
margin-right: 12px;
}
.notNet {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #aaaaaa;
}
}
.iconMore {
margin-right: 30px;
font-size: 30px;
}
.notNet {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #aaaaaa;
}
}
.contBox {
margin-top: 53px;
display: flex;
padding-left: 56px;
.firstBox {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.firstLeftName {
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
}
.firstLeftbox {
width: 290px;
height: 290px;
background: #dddddd;
margin-top: 13px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 50%;
.clickFont {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
}
}
.color_bock {
width: 290px;
height: 290px;
border-radius: 50%;
}
.color_bocktwo {
width: 290px;
height: 290px;
border-radius: 50%;
}
.nameColor {
font-size: 24px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
margin-top: 30px;
}
}
.iconMore {
margin-right: 30px;
font-size: 30px;
}
}
.reslutBox {
width: 692px;
height: 180px;
background: #ffffff;
margin-top: 30px;
margin-left: 29px;
border-radius: 20px;
overflow: hidden;
}
.contBox {
margin-top: 53px;
display: flex;
padding-left: 56px;
.reslutTitle {
overflow: hidden;
width: 100%;
margin-top: 41px;
display: flex;
align-items: center;
justify-content: space-between;
.firstBox {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.titleLeft {
margin-left: 48px;
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
color: #707070;
}
.titleRiht {
margin-right: 37px;
width: 136px;
height: 46px;
background: #ffd9d9;
border-radius: 10px;
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #ff4a4a;
line-height: 46px;
}
.titleRiht1 {
background: #cdf3df;
margin-right: 37px;
width: 136px;
height: 46px;
border-radius: 10px;
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
line-height: 46px;
color: #07C160;
}
}
.notResult {
width: 100%;
text-align: center;
.firstLeftName {
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #ababab;
margin-top: 14px;
}
color: #707070;
}
.notBox {
margin-top: 32px;
.firstLeftbox {
width: 290px;
height: 290px;
background: #dddddd;
margin-top: 13px;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
justify-content: center;
flex-direction: column;
border-radius: 50%;
.notLeft {
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
margin-left: 40px;
.clickFont {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
}
}
.notright {
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
margin-right: 37px;
}
.color_bock {
width: 290px;
height: 290px;
border-radius: 50%;
}
.color_bocktwo {
width: 290px;
height: 290px;
border-radius: 50%;
}
.nameColor {
font-size: 24px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
margin-top: 30px;
}
}
}
.reslutBox {
width: 692px;
height: 180px;
background: #ffffff;
margin-top: 30px;
margin-left: 29px;
border-radius: 20px;
overflow: hidden;
}
.reslutTitle {
overflow: hidden;
width: 100%;
margin-top: 41px;
display: flex;
align-items: center;
justify-content: space-between;
.titleLeft {
margin-left: 48px;
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
color: #707070;
}
.bottomBox {
position: fixed;
bottom: 0;
width: 750px;
height: 182px;
background: #f3f3f3;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
overflow: hidden;
display: flex;
.leftBtn {
width: 264px;
height: 82px;
background: #ffffff;
border-radius: 42px;
font-size: 32px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #007aff;
line-height: 82px;
margin-top: 34px;
margin-left: 67px;
}
.rightBtn {
width: 264px;
height: 82px;
background: #007aff;
border-radius: 42px;
font-size: 32px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #ffffff;
line-height: 82px;
margin-top: 34px;
margin-left: 88px;
}
.titleRiht {
margin-right: 37px;
width: 136px;
height: 46px;
background: #ffd9d9;
border-radius: 10px;
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #ff4a4a;
line-height: 46px;
}
}
.titleRiht1 {
background: #cdf3df;
margin-right: 37px;
width: 136px;
height: 46px;
border-radius: 10px;
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
line-height: 46px;
color: #07c160;
}
}
.notResult {
width: 100%;
text-align: center;
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #ababab;
margin-top: 14px;
}
.notBox {
margin-top: 32px;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
.notLeft {
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
margin-left: 40px;
}
.notright {
font-size: 26px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #707070;
margin-right: 37px;
}
}
.bottomBox {
position: fixed;
bottom: 0;
width: 750px;
height: 182px;
background: #f3f3f3;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
overflow: hidden;
display: flex;
.leftBtn {
width: 264px;
height: 82px;
background: #ffffff;
border-radius: 42px;
font-size: 32px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: $color_main;
line-height: 82px;
margin-top: 34px;
margin-left: 67px;
}
.rightBtn {
width: 264px;
height: 82px;
background: $color_main;
border-radius: 42px;
font-size: 32px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
text-align: center;
color: #ffffff;
line-height: 82px;
margin-top: 34px;
margin-left: 88px;
}
}
}

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

@ -1,126 +1,124 @@
.popup_main{
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title{
font-size: $font_size;
font-weight: 700;
.popup_main {
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title {
font-size: $font_size;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.scroll {
flex: 1;
height: 0;
}
.popup_filter {
padding-bottom: 100px;
}
.popup_filter_item {
margin-bottom: 20px;
.title {
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list {
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item {
width: 165.75px;
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
text-align: center;
padding: 20px 0;
}
.scroll{
flex:1;
height: 0;
}
.popup_filter{
padding-bottom: 100px;
}
.popup_filter_item{
line-height: 69.2px;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
.title{
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list{
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item{
width: 165.75px;
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
text-align: center;
line-height: 69.2px;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
}
.select_btn_item{
color: $color_main;
background: #ecf5ff;
border: 2px solid #007aff;
width: 161.75px;
height: 65.2px;
}
}
.btn_list_input{
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
width: 220px;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input{
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit{
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text{
color: #ccc;
padding: 0 20px;
}
.width_main{
}
}
.btn_list_element{
background-color: #F0F0F0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea{
width: 100%;
height: 126px;
font-size: $font_size_medium;
}
}
}
.select_btn_item {
color: $color_main;
background: #ecf5ff;
border: 2px solid $color_main;
width: 161.75px;
height: 65.2px;
}
}
.btns_con{
.btn_list_input {
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
width: 220px;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input {
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit {
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text {
color: #ccc;
padding: 0 20px;
}
.width_main {
}
}
.btn_list_element {
background-color: #f0f0f0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea {
width: 100%;
position: fixed;
bottom:0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two{
display: flex;
width: 552px;
height: 82px;
border: 2px solid #cde5ff;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn{
flex:1;
border-radius: 0px 40px 40px 0px;
text-align: center;
line-height: 82px;
color: $color_main;
}
.verify_btn{
flex:1;
border-radius: 0px 40px 40px 0px;
background: #007aff;
text-align: center;
line-height: 82px;
color: #fff;
}
}
height: 126px;
font-size: $font_size_medium;
}
}
}
}
.btns_con {
width: 100%;
position: fixed;
bottom: 0;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.btns_two {
display: flex;
width: 552px;
height: 82px;
border: 2px solid #cde5ff;
font-size: $font_size_big;
border-radius: 40px;
margin-bottom: 20px;
.rest_btn {
flex: 1;
border-radius: 0px 40px 40px 0px;
text-align: center;
line-height: 82px;
color: $color_main;
}
.verify_btn {
flex: 1;
border-radius: 0px 40px 40px 0px;
background: $color_main;
text-align: center;
line-height: 82px;
color: #fff;
}
}
}
}

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

@ -1,150 +1,148 @@
.main{
.main {
display: flex;
flex-direction: column;
height: 100vh;
background-color: $color_bg_one;
.search {
padding: 20px;
}
.filter {
.filter_all {
display: flex;
justify-content: space-between;
padding: 20px 50px;
font-size: $font_size_medium;
color: $color_font_three;
.text_one {
color: $color_main;
display: flex;
align-items: center;
}
.text_two {
position: relative;
.miconfont {
font-size: 20px;
margin-left: 10px;
}
&::before {
content: '';
width: 2px;
height: 32px;
background-color: #c2c2c2;
position: absolute;
top: 0;
left: -50px;
}
}
}
.filter_btns {
display: flex;
justify-content: space-between;
padding: 20px;
.selected {
background-color: #ecf5ff;
border: 2px solid #cde5ff;
color: $color_main;
width: 122px;
height: 42.93px;
}
}
}
.list {
flex: 1;
height: 0;
}
.popup_main {
width: 608px;
height: 100vh;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100vh;
background-color: $color_bg_one;
.search{
padding: 20px;
.popup_title {
font-size: $font_size;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.filter{
.filter_all {
display: flex;
justify-content: space-between;
padding: 20px 50px;
.scroll {
flex: 1;
height: 0;
}
.popup_filter {
}
.popup_filter_item {
margin-bottom: 20px;
.title {
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list {
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item {
width: 165.75px;
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
text-align: center;
line-height: 69.2px;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
}
.select_btn_item {
color: $color_main;
background: #ecf5ff;
border: 2px solid $color_main;
width: 161.75px;
height: 65.2px;
}
}
.btn_list_input {
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
width: 220px;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input {
width: 100%;
height: 100%;
font-size: $font_size_medium;
color: $color_font_three;
.text_one{
color: $color_main;
display: flex;
align-items: center;
}
.text_two{
position: relative;
.miconfont{
font-size: 20px;
margin-left: 10px;
}
&::before{
content: '';
width: 2px;
height: 32px;
background-color: #C2C2C2;
position: absolute;
top: 0;
left: -50px;
}
}
}
}
.filter_btns{
display: flex;
justify-content: space-between;
padding: 20px;
.selected{
background-color: #ecf5ff;
border: 2px solid #cde5ff;
color: $color_main;
width: 122px;
height: 42.93px;
}
.unit {
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
}
.list{
flex:1;
height: 0;
}
.popup_main{
width: 608px;
height: 100vh;
text {
color: #ccc;
padding: 0 20px;
}
.width_main {
}
}
.btn_list_element {
background-color: #f0f0f0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
.popup_title{
font-size: $font_size;
font-weight: 700;
text-align: center;
padding: 20px 0;
}
.scroll{
flex:1;
height: 0;
}
.popup_filter{
}
.popup_filter_item{
margin-bottom: 20px;
.title{
font-size: $font_size;
color: $color_font_one;
font-weight: 700;
padding: 20px 0;
}
.btn_list{
display: grid;
grid-template-columns: repeat(3, 165.75px);
justify-content: space-between;
.btn_item{
width: 165.75px;
height: 69.2px;
background: #f0f0f0;
border-radius: 34px;
text-align: center;
line-height: 69.2px;
font-size: $font_size_medium;
color: $color_font_one;
margin-bottom: 20px;
}
.select_btn_item{
color: $color_main;
background: #ecf5ff;
border: 2px solid #007aff;
width: 161.75px;
height: 65.2px;
}
}
.btn_list_input{
display: flex;
// justify-content: space-between;
align-items: center;
.btn_width {
width: 220px;
height: 70px;
background: #f0f0f0;
border-radius: 50px;
padding: 10px 20px;
box-sizing: border-box;
input{
width: 100%;
height: 100%;
font-size: $font_size_medium;
}
}
.unit{
color: $color_font_one;
font-size: $font_size;
margin-left: 20px;
}
text{
color: #ccc;
padding: 0 20px;
}
.width_main{
}
}
.btn_list_element{
background-color: #F0F0F0;
border-radius: 30px;
padding: 20px;
box-sizing: border-box;
textarea{
width: 100%;
height: 126px;
font-size: $font_size_medium;
}
}
textarea {
width: 100%;
height: 126px;
font-size: $font_size_medium;
}
}
}
}
}
}

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

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

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

@ -1,76 +1,76 @@
.modify-ickname-content {
margin: 0 auto;
.modify-ickname-content {
margin: 0 auto;
width: 658px;
padding-bottom: 50px;
.modify-ickname-input {
width: 658px;
padding-bottom: 50px;
height: 182px;
background: #f3f3f3;
border: 2px solid #e6e6e6;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
font-size: 22px;
font-weight: 400;
color: #ababab;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.modify-ickname-input {
width: 658px;
height: 182px;
background: #f3f3f3;
border: 2px solid #e6e6e6;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
font-size: 22px;
font-weight: 400;
color: #ababab;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.modify-ickname-input textarea {
width: 100%;
height: 80%;
font-size: 26px;
font-weight: 400;
color: #3c3c3c;
}
.modify-ickname-input textarea {
width: 100%;
height: 80%;
font-size: 26px;
font-weight: 400;
color: #3c3c3c;
}
.modify-ickname-tips {
font-size: 22px;
font-weight: 400;
color: #ababab;
margin-top: 30px;
}
.modify-ickname-tips {
font-size: 22px;
font-weight: 400;
color: #ababab;
margin-top: 30px;
}
.modify-ickname-operation {
width: 658px;
height: 82px;
background: #ffffff;
border: 2px solid #cde5ff;
border-radius: 40px;
display: flex;
overflow: hidden;
margin-top: 105px;
display: flex;
}
.modify-ickname-operation {
width: 658px;
height: 82px;
background: #ffffff;
border: 2px solid #cde5ff;
border-radius: 40px;
display: flex;
overflow: hidden;
margin-top: 105px;
display: flex;
}
.modify-ickname-operation button {
height: 100%;
width: 50%;
font-size: 32px;
font-weight: 400;
color: $color_main;
background-color: white;
border: none;
outline: none;
padding: 0;
border-radius: 0;
}
.modify-ickname-operation button {
height: 100%;
width: 50%;
font-size: 32px;
font-weight: 400;
color: #007aff;
background-color: white;
border: none;
outline: none;
padding: 0;
border-radius: 0;
}
.modify-ickname-operation button::after,
.user-edit-logout::after {
border-radius: 0;
border: none;
}
.modify-ickname-operation button::after,
.user-edit-logout::after {
border-radius: 0;
border: none;
}
.modify-ickname-operation .modify-ickname-operation-save {
background: $color_main;
color: #ffffff;
}
.modify-ickname-operation .modify-ickname-operation-save {
background: #007aff;
color: #ffffff;
}
.modify-ickname-operation button::after {
border-radius: 0;
}
}
.modify-ickname-operation button::after {
border-radius: 0;
}
}

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

@ -1,16 +1,18 @@
.user-edit{
.user-edit {
height: 100vh;
background: #f3f3f3;
.user-edit-portrait{
.user-edit-portrait {
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;
}
.user-edit-portrait image{
.user-edit-portrait image {
width: 170px;
height: 170px;
border-radius: 50%;
@ -19,72 +21,81 @@
margin-bottom: 15px;
}
.user-edit-content{
.user-edit-content {
background-color: white;
margin-top: 24px;
padding: 0 30px;
}
.user-edit-content-title{
.user-edit-content-title {
font-size: 26px;
font-weight: 700;
color: #000000;
padding: 40px;
}
.user-edit-content-title text{
.user-edit-content-title text {
margin-right: 10px;
}
.user-edit-content-phone{
.user-edit-content-phone {
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{
.user-edit-content-phone text {
font-size: 24px;
font-weight: 400;
color: #ababab;
}
.user-edit-content-bindphone{
padding: 0;width: auto;height: auto;
margin: 0;background: none;border: 0;
.user-edit-content-bindphone {
padding: 0;
width: auto;
height: auto;
margin: 0;
background: none;
border: 0;
text-align: left;
font-size: 26px;
font-weight: 400;
color: #ababab;
}
.user-edit-content-bindphone::after{
.user-edit-content-bindphone::after {
border: 0;
}
.user-edit-content-company{
.user-edit-content-company {
width: 118px;
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{
.user-edit-content-company text {
margin-left: 5px;
}
.user-edit-content-company.user-edit-content-company-auth{
background-color: #CDF3DF;
color: #07C160;
.user-edit-content-company.user-edit-content-company-auth {
background-color: #cdf3df;
color: #07c160;
}
.user-edit-list{
.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{
.user-edit-list:last-of-type {
border: none;
}
.user-edit-list-left{
.user-edit-list-left {
width: 120px;
border-right: 2px solid #f3f3f3;
margin-right: 30px;
@ -92,35 +103,39 @@
font-weight: 400;
color: #000000;
}
.user-edit-list-right{
display: flex;justify-content: space-between;align-items: center;
.user-edit-list-right {
display: flex;
justify-content: space-between;
align-items: center;
flex: auto;
font-size: 26px;
font-weight: 400;
color: #000000;
}
.user-edit-list-right>view{
.user-edit-list-right > view {
flex: 1;
}
.user-edit-list-right-placeholder{
.user-edit-list-right-placeholder {
color: #cccccc;
}
.user-edit-list-right .icon-a-moreback{
.user-edit-list-right .icon-a-moreback {
font-size: 30px;
}
.user-edit-logout{
.user-edit-logout {
width: 668px;
height: 82px;
background: #ffffff;
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;
}
}
}

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

@ -1,76 +1,76 @@
.modify-ickname-content {
margin: 0 auto;
.modify-ickname-content {
margin: 0 auto;
width: 658px;
padding-bottom: 50px;
.modify-ickname-input {
width: 658px;
padding-bottom: 50px;
height: 182px;
background: #f3f3f3;
border: 2px solid #e6e6e6;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
font-size: 22px;
font-weight: 400;
color: #ababab;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.modify-ickname-input {
width: 658px;
height: 182px;
background: #f3f3f3;
border: 2px solid #e6e6e6;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
font-size: 22px;
font-weight: 400;
color: #ababab;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.modify-ickname-input textarea {
width: 100%;
height: 80%;
font-size: 26px;
font-weight: 400;
color: #3c3c3c;
}
.modify-ickname-input textarea {
width: 100%;
height: 80%;
font-size: 26px;
font-weight: 400;
color: #3c3c3c;
}
.modify-ickname-tips {
font-size: 22px;
font-weight: 400;
color: #ababab;
margin-top: 30px;
}
.modify-ickname-tips {
font-size: 22px;
font-weight: 400;
color: #ababab;
margin-top: 30px;
}
.modify-ickname-operation {
width: 658px;
height: 82px;
background: #ffffff;
border: 2px solid #cde5ff;
border-radius: 40px;
display: flex;
overflow: hidden;
margin-top: 105px;
display: flex;
}
.modify-ickname-operation {
width: 658px;
height: 82px;
background: #ffffff;
border: 2px solid #cde5ff;
border-radius: 40px;
display: flex;
overflow: hidden;
margin-top: 105px;
display: flex;
}
.modify-ickname-operation button {
height: 100%;
width: 50%;
font-size: 32px;
font-weight: 400;
color: $color_main;
background-color: white;
border: none;
outline: none;
padding: 0;
border-radius: 0;
}
.modify-ickname-operation button {
height: 100%;
width: 50%;
font-size: 32px;
font-weight: 400;
color: #007aff;
background-color: white;
border: none;
outline: none;
padding: 0;
border-radius: 0;
}
.modify-ickname-operation button::after,
.user-edit-logout::after {
border-radius: 0;
border: none;
}
.modify-ickname-operation button::after,
.user-edit-logout::after {
border-radius: 0;
border: none;
}
.modify-ickname-operation .modify-ickname-operation-save {
background: $color_main;
color: #ffffff;
}
.modify-ickname-operation .modify-ickname-operation-save {
background: #007aff;
color: #ffffff;
}
.modify-ickname-operation button::after {
border-radius: 0;
}
}
.modify-ickname-operation button::after {
border-radius: 0;
}
}

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

@ -202,6 +202,6 @@
font-size: 32px;
font-weight: 400;
text-align: center;
color: #007aff;
color: $color_main;
}
}

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

@ -1,45 +1,46 @@
.weight-list-manager{
.weight-list-manager {
height: 100vh;
.weight-list-scroll-view{
.weight-list-scroll-view {
height: 100%;
box-sizing: border-box;
position: relative;
scroll-view{
scroll-view {
height: 100%;
box-sizing: border-box;
}
.weight-list-list{
.weight-list-list {
width: 704px;
height: 156px;
background: #ffffff;
border-radius: 20px;
box-shadow: 2px 4px 12px 0px rgba(0,0,0,0.16);
box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.16);
padding: 30px;
box-sizing: border-box;
margin: 18px auto 0;
border: 1px solid #ffffff;
}
.weight-list-list:first-child{
.weight-list-list:first-child {
margin-top: 0;
}
.address-active{
.address-active {
border: 1px solid #68b4ff;
box-shadow: 0px 0px 10px 0px rgba(0,122,255,0.27);
box-shadow: 0px 0px 10px 0px rgba(0, 122, 255, 0.27);
}
.weight-list-list:last-child{
.weight-list-list:last-child {
margin-bottom: 300px;
}
.weight-list-user{
.weight-list-user {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
color: #000000;
display: flex;align-items: center;
display: flex;
align-items: center;
}
.weight-list-list-default{
.weight-list-list-default {
width: 58px;
height: 28px;
background: #cde5ff;
@ -47,42 +48,46 @@
font-size: 20px;
font-weight: 400;
text-align: center;
color: #007aff;
color: $color_main;
margin-left: 30px;
}
.weight-list-list-phone{
.weight-list-list-phone {
font-size: 24px;
font-weight: 400;
color: #ababab;
margin-left: 30px;
}
.weight-list-edit .icon-bianji{
.weight-list-edit .icon-bianji {
font-size: 40px;
}
.weight-list-list-info{
.weight-list-list-info {
font-size: 24px;
font-weight: 400;
color: #3c3c3c;
}
.weight-list-list-bottom{
display: flex;justify-content: space-between;
.weight-list-list-bottom {
display: flex;
justify-content: space-between;
margin-top: 18px;
}
.add-weight-list{
.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{
.weight-list-no-data {
font-size: 24px;
font-weight: 400;
text-align: center;
@ -92,4 +97,4 @@
box-sizing: border-box;
}
}
}
}

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

@ -1,8 +1,10 @@
.add-address{
.add-address {
display: flex;
flex-direction: column;
.add-address-default{
display: flex;align-items: center;justify-content: space-between;
.add-address-default {
display: flex;
align-items: center;
justify-content: space-between;
margin: 70px 30px 0;
font-size: 26px;
font-weight: 700;
@ -10,30 +12,33 @@
padding-right: 20px;
box-sizing: border-box;
}
.add-address-default-active{
.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;
box-sizing: border-box;
}
.add-address-default-active text{
.add-address-default-active text {
font-size: 35px;
}
.add-address-default-noactive{
.add-address-default-noactive {
width: 50px;
height: 50px;
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{
.add-address-save {
width: 668px;
height: 82px;
background: #68b4ff;
@ -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;
}
}
}