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

🌈 style(UI):修改UI样式

Browse Source
This commit is contained in:
Haiyi 2022-12-09 11:13:20 +08:00
parent 3e0fd03638
commit fa267fa5a9
10 changed files with 627 additions and 653 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/search/index.module.scss
View File

@ -19,7 +19,7 @@
height: 60px; height: 60px;
flex: 1 1 auto; flex: 1 1 auto;
padding-left: 60px; padding-left: 60px;
background: #eee; background: #f7f7f7;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
@ -73,6 +73,6 @@
padding-left: 20px !important; padding-left: 20px !important;
} }
} }
.customRightSlot{ .customRightSlot {
margin-right: 20px; margin-right: 20px;
} }

353
src/pages/addAddress/index.module.scss
View File

@ -1,51 +1,10 @@
.main { .main {
background: #FFFFFF; background: #ffffff;
border-radius: 16px; border-radius: 16px;
margin: 24px; margin: 24px;
padding: 40px 32px 50px 32px; padding: 40px 32px 50px 32px;
.itemBox {
.itemBox {
display: flex;
align-items: center;
padding-bottom: 40px;
border-bottom: 1px solid #f7f7f7;
margin-bottom: 40px;
.leftBox {
width: 176px;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
display: flex;
align-items: center;
// margin-right: 50px;
}
.placeholderStyle {
color: #f7f7f7;
font-size: 28px;
font-weight: 400;
}
.inputClass {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
}
.itemBox:first-child {
display: flex; display: flex;
align-items: center; align-items: center;
padding-bottom: 40px; padding-bottom: 40px;
@ -53,171 +12,199 @@
margin-bottom: 40px; margin-bottom: 40px;
.leftBox { .leftBox {
width: 176px; width: 176px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
display: flex; display: flex;
align-items: center; align-items: center;
// padding-right: 25px; // margin-right: 50px;
} }
.placeholderStyle { .placeholderStyle {
color: #f7f7f7; color: #f7f7f7;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
} }
.inputClass { .inputClass {
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
} }
}
}
.itemBox:first-child {
display: flex;
align-items: center;
padding-bottom: 40px;
border-bottom: 1px solid #f7f7f7;
margin-bottom: 40px;
.leftBox {
width: 176px;
font-size: 28px;
font-weight: 500;
color: #000000;
display: flex;
align-items: center;
// padding-right: 25px;
}
.placeholderStyle {
color: #f7f7f7;
font-size: 28px;
font-weight: 400;
}
.inputClass {
font-size: 28px;
font-weight: 400;
color: #000000;
}
} }
.itemBox:last-child { .itemBox:last-child {
display: flex;
align-items: center;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: none;
.leftBox {
font-size: 28px;
font-weight: 500;
color: #000000;
display: flex; display: flex;
align-items: center; align-items: center;
padding-bottom: 40px; // margin-right: 50px;
margin-bottom: 40px; width: 176px;
border-bottom: none; }
.inputClass {
font-size: 28px;
.leftBox { font-weight: 400;
font-size: 28px; color: #000000;
font-family: PingFangSC-Medium, PingFang SC; }
font-weight: 500;
color: #000000;
display: flex;
align-items: center;
// margin-right: 50px;
width: 176px;
}
.inputClass {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
} }
.checkBox { .checkBox {
margin-left: 24px; margin-left: 24px;
margin-top: 24px; margin-top: 24px;
width: 702px; width: 702px;
height: 120px; height: 120px;
background: #FFFFFF; background: #ffffff;
border-radius: 16px; border-radius: 16px;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-bottom: 15px;
.leftCheck {
margin-left: 32px;
.leftCheck { .topFont {
margin-left: 32px; margin-top: 24px;
font-size: 28px;
.topFont { font-weight: 500;
margin-top: 24px; color: #000000;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
}
.bottomFont {
margin-top: 8px;
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
} }
.bottomFont {
margin-top: 8px;
font-size: 24px;
font-weight: 400;
color: #777777;
}
}
} }
.bottomBox { .bottomBox {
width: 750px; width: 750px;
height: 160px; height: 160px;
background: #FFFFFF; background: #ffffff;
bottom: 0; bottom: 0;
padding-top: 14px; padding-top: 14px;
position: fixed; position: fixed;
display: flex; display: flex;
.btn { .btn {
margin-left: 32px; margin-left: 32px;
width: 702px; width: 702px;
height: 80px; height: 80px;
background: #337FFF; background: #337fff;
border-radius: 44px; border-radius: 44px;
opacity: 0.5; opacity: 0.5;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
text-align: center;
line-height: 80px;
}
.adtiveBtns { font-weight: 500;
margin-left: 32px; color: #ffffff;
width: 702px; text-align: center;
height: 80px; line-height: 80px;
background: #337FFF; }
border-radius: 44px;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
text-align: center;
line-height: 80px;
}
.delectBox { .adtiveBtns {
width: 311px; margin-left: 32px;
height: 80px; width: 702px;
border-radius: 44px; height: 80px;
border: 1px solid #087EFF; background: #337fff;
margin-left: 48px; border-radius: 44px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #337FFF;
text-align: center;
line-height: 80px;
background-color: #fff;
}
.nobtn { font-weight: 500;
width: 311px; color: #ffffff;
height: 80px; text-align: center;
background: #337FFF; line-height: 80px;
border-radius: 44px; }
opacity: 0.5;
margin-left: 32px;
text-align: center;
line-height: 80px;
font-size: 28px;
color: FFFFFF;
}
.sureBox { .delectBox {
width: 311px; width: 311px;
height: 80px; height: 80px;
background: #337FFF; border-radius: 44px;
border-radius: 44px; border: 1px solid #f4536b;
font-size: 28px; margin-left: 48px;
font-family: PingFangSC-Medium, PingFang SC; font-size: 28px;
font-weight: 500;
color: #FFFFFF; font-weight: 500;
margin-left: 32px; color: #f4536b;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
} background-color: #fff;
}
.nobtn {
width: 311px;
height: 80px;
background: #337fff;
border-radius: 44px;
opacity: 0.5;
margin-left: 32px;
text-align: center;
line-height: 80px;
font-size: 28px;
color: #ffffff;
}
.sureBox {
width: 311px;
height: 80px;
background: #337fff;
border-radius: 44px;
font-size: 28px;
font-weight: 500;
color: #ffffff;
margin-left: 32px;
text-align: center;
line-height: 80px;
}
} }

2
src/pages/addAddress/index.tsx
View File

@ -310,7 +310,7 @@ const AddAddress = () => {
<View className={styles.topFont}>设置默认地址</View> <View className={styles.topFont}>设置默认地址</View>
<View className={styles.bottomFont}>提醒：下单会优先使用该地址</View> <View className={styles.bottomFont}>提醒：下单会优先使用该地址</View>
</View> </View>
<Switch checked={ischecked} color="#337fff" onChange={(e) => { onChange(e) }} /> <Switch checked={ischecked} color="#337fff" onChange={(e) => { onChange(e) }} style={{ marginRight: '20rpx' }} />
</View> </View>
{ {

219
src/pages/customerDetails/components/tagPopup/index.module.scss
View File

@ -1,127 +1,122 @@
.scrollView { .scrollView {
height: 600px; height: 400px;
.thirdBox { .thirdBox {
padding-left: 48px; padding-left: 48px;
.thirdTopfont { .thirdTopfont {
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
}
.flexModebox {
margin-top: 24px;
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
.activemodeBox {
margin-bottom: 10px;
margin-right: 16px;
padding: 17px 48px 17px 48px;
// width: 152px;
// height: 68px;
background: rgba(51, 127, 255, 0.1);
border-radius: 8px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #337FFF;
text-align: center;
line-height: 68px;
border: 1px solid #337FFF;
box-sizing: border-box;
}
.modeBox {
margin-bottom: 10px;
margin-right: 16px;
padding: 17px 48px 17px 48px;
// width: 152px;
// height: 68px;
background: #f6f6f6;
border-radius: 8px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
border: 1px solid #f6f6f6;
text-align: center;
line-height: 68px;
box-sizing: border-box;
// opacity: 0.4;
}
}
} }
.flexModebox {
margin-top: 24px;
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
.activemodeBox {
padding: 10px 20px;
min-width: 200px;
margin-bottom: 10px;
margin-right: 16px;
// padding: 17px 48px 17px 48px;
background: rgba(51, 127, 255, 0.1);
border-radius: 8px;
font-size: 28px;
font-weight: 400;
color: #337fff;
text-align: center;
line-height: 68px;
border: 1px solid #337fff;
box-sizing: border-box;
}
.modeBox {
min-width: 200px;
margin-bottom: 10px;
margin-right: 16px;
padding: 10px 20px;
background: #f6f6f6;
border-radius: 8px;
font-size: 28px;
font-weight: 400;
color: #777777;
border: 1px solid #f6f6f6;
text-align: center;
line-height: 68px;
box-sizing: border-box;
}
}
}
} }
.bottomBox { .bottomBox {
width: 100%; width: 100%;
// width: 750px; // width: 750px;
height: 160px; height: 160px;
background: #FFFFFF; background: #ffffff;
// position: fixed; // position: fixed;
// bottom: calc($customTabBarHeight + env(safe-area-inset-bottom)); // bottom: calc($customTabBarHeight + env(safe-area-inset-bottom));
z-index: 99; z-index: 99;
display: flex; display: flex;
padding-top: 16px; padding-top: 16px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.resetBox { .resetBox {
margin-left: 48px; margin-left: 48px;
width: 311px; width: 311px;
height: 80px; height: 80px;
border-radius: 44px; border-radius: 44px;
border: 1px solid #087EFF; border: 1px solid #087eff;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #337FFF; color: #337fff;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff; background-color: #fff;
} }
.button { .button {
margin-right: 32px; margin-right: 32px;
width: 311px; width: 311px;
height: 80px; height: 80px;
background: #68b4ff; background: #68b4ff;
border-radius: 44px; border-radius: 44px;
font-size: 32px; font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
letter-spacing: 4px; letter-spacing: 4px;
} }
.activeButton { .activeButton {
margin-right: 32px; margin-right: 32px;
width: 311px; width: 311px;
height: 80px; height: 80px;
background: #337FFF; background: #337fff;
border-radius: 44px; border-radius: 44px;
font-size: 32px; font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #fff; color: #fff;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
letter-spacing: 4px; letter-spacing: 4px;
} }
} }
.goLink { .goLink {
position: absolute; position: absolute;
right: 32px; right: 32px;
top: 37px; top: 37px;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
color: #337FFF; color: #337fff;
} }

197
src/pages/customerManagement/components/ItemList/index.module.scss
View File

@ -1,119 +1,118 @@
.mainItem { .mainItem {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
margin-bottom: 24px; margin-bottom: 24px;
background: #fff; background: #fff;
overflow: hidden; overflow: hidden;
padding-bottom: 16px; padding-bottom: 16px;
border-radius: 16px; border-radius: 16px;
.itemTop { .itemTop {
margin-top: 36px; margin-top: 36px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.itemLeft { .itemLeft {
margin-left: 24px; margin-left: 24px;
display: flex; display: flex;
align-items: center;
.itemCile {
width: 78px;
height: 78px;
background: linear-gradient(337deg, #7bb7ff 0%, #4581ff 100%);
font-size: 32px;
font-weight: 500;
color: #ffffff;
text-align: center;
line-height: 78px;
border-radius: 50%;
margin-right: 32px;
}
.itemCile { .item_top_one {
width: 78px; .item_top_one_flex {
height: 78px; display: flex;
background: linear-gradient(337deg, #7BB7FF 0%, #4581FF 100%); align-items: center;
font-size: 32px;
font-weight: 500;
color: #FFFFFF;
text-align: center;
line-height: 78px;
border-radius: 50%;
margin-right: 32px;
}
.item_top_one { .itemName {
.item_top_one_flex { font-size: 28px;
display: flex; font-weight: 500;
align-items: center; color: #000000;
margin-right: 24px;
}
.itemName { .itemPhone {
font-size: 28px; font-size: 28px;
font-weight: 500; font-family: PingFangSC-Regular, PingFang SC;
color: #000000; font-weight: 400;
margin-right: 24px; color: #6e6e6e;
} }
.itemPhone {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6e6e6e;
}
}
.item_tag_box {
margin-top: 16px;
display: flex;
align-items: center;
flex-wrap: wrap;
.item_tagItem {
margin-bottom: 5px;
margin-right: 16px;
padding: 6px 16px 6px 16px;
font-size: 24px;
font-weight: 500;
color: #4581FF;
background: #ecf2ff;
border-radius: 8px;
}
}
}
} }
.itemRight { .item_tag_box {
display: flex; margin-top: 16px;
display: flex;
align-items: center;
flex-wrap: wrap;
.phoneFont { .item_tagItem {
// margin-right: 40px; margin-bottom: 5px;
margin-left: 16px; margin-right: 16px;
font-size: 24px; padding: 6px 16px 6px 16px;
font-weight: 400; font-size: 24px;
color: #4581FF; font-weight: 500;
width: 100rpx; color: #4581ff;
} background: #ecf2ff;
border-radius: 8px;
}
} }
}
} }
.line { .itemRight {
height: 1px; display: flex;
background: #000000;
opacity: 0.1;
margin-right: 24px;
margin-left: 24px;
margin-top: 20px;
margin-bottom: 16px;
}
.flex_bottom { .phoneFont {
display: flex; // margin-right: 40px;
justify-content: space-between; margin-left: 16px;
align-items: center;
padding-left: 24px;
padding-right: 24px;
font-size: 24px; font-size: 24px;
font-weight: 400; font-weight: 400;
color: #000000; color: #4581ff;
width: 100rpx;
}
}
}
.flex_left { .line {
color: #999999; height: 1px;
font-weight: 400; background: #000000;
font-size: 24px; opacity: 0.1;
} margin-right: 24px;
margin-left: 24px;
margin-top: 20px;
margin-bottom: 16px;
}
.flex_right { .flex_bottom {
color: #999999; display: flex;
font-weight: 400; justify-content: space-between;
font-size: 24px; align-items: center;
} padding-left: 24px;
padding-right: 24px;
font-size: 24px;
font-weight: 400;
color: #000000;
.flex_left {
color: #999999;
font-weight: 400;
font-size: 24px;
} }
.flex_right {
color: #999999;
font-weight: 400;
font-size: 24px;
}
}
} }

54
src/pages/customerManagement/components/Sort/index.module.scss
View File

@ -1,31 +1,31 @@
.mainBox { .mainBox {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding-left: 40px; padding-left: 40px;
.itemFlex { .itemFlex {
padding: 23px 11px 23px 11px; padding: 23px 18px 23px 18px;
background: #f6f6f6; background: #f6f6f6;
// box-sizing: border-box; // box-sizing: border-box;
border: 1px solid #f6f6f6; border: 1px solid #f6f6f6;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
color: #000000; color: #777777;
margin-right: 24px; margin-right: 24px;
margin-bottom: 24px; margin-bottom: 24px;
border-radius: 16px; border-radius: 16px;
} }
.itemactiveFlex { .itemactiveFlex {
padding: 23px 11px 23px 11px; padding: 23px 18px 23px 18px;
background: rgba(51, 127, 255, 0.1); background: rgba(51, 127, 255, 0.1);
border-radius: 16px; border-radius: 16px;
border: 1px solid #337FFF; border: 1px solid #337fff;
// box-sizing: border-box; // box-sizing: border-box;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
color: #337FFF; color: #337fff;
margin-right: 24px; margin-right: 24px;
margin-bottom: 24px; margin-bottom: 24px;
} }
} }

79
src/pages/customerManagement/components/Tag/index.module.scss
View File

@ -1,44 +1,45 @@
.mainBox { .mainBox {
.pussTitle { .pussTitle {
font-size: 28px; font-size: 28px;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
margin-bottom: 24px; margin-bottom: 24px;
margin-left: 40px; margin-left: 40px;
margin-top: 15px; margin-top: 15px;
}
.pussBox {
display: flex;
flex-wrap: wrap;
padding-left: 40px;
.itemFlex {
min-width: 80px;
padding: 23px 60px 23px 60px;
background: #f6f6f6;
// box-sizing: border-box;
border: 1px solid #f6f6f6;
font-size: 28px;
font-weight: 400;
color: #777777;
margin-right: 24px;
margin-bottom: 24px;
border-radius: 16px;
text-align: center;
} }
.pussBox { .itemactiveFlex {
display: flex; min-width: 80px;
flex-wrap: wrap; padding: 23px 60px 23px 60px;
padding-left: 40px; background: rgba(51, 127, 255, 0.1);
border-radius: 16px;
border: 1px solid #337fff;
// box-sizing: border-box;
.itemFlex { font-size: 28px;
padding: 23px 47px 23px 47px; font-weight: 400;
background: #f6f6f6; color: #337fff;
// box-sizing: border-box; margin-right: 24px;
border: 1px solid #f6f6f6; margin-bottom: 24px;
font-size: 28px;
font-weight: 400;
color: #000000;
margin-right: 24px;
margin-bottom: 24px;
border-radius: 16px;
}
.itemactiveFlex {
padding: 23px 47px 23px 47px;
background: rgba(51, 127, 255, 0.1);
border-radius: 16px;
border: 1px solid #337FFF;
// box-sizing: border-box;
font-size: 28px;
font-weight: 400;
color: #337FFF;
margin-right: 24px;
margin-bottom: 24px;
}
} }
}
} }

110
src/pages/customerManagement/index.module.scss
View File

@ -1,65 +1,61 @@
.mainBox { .mainBox {
.topBox {
width: 100%;
position: sticky;
top: 0;
z-index: 999;
// padding-bottom: 24px;
background: #fff;
// overflow: hidden;
.topBox { .search_input {
width: 100%; padding-top: 8px;
position: sticky; margin-left: 24px;
top: 0; margin-right: 24px;
z-index: 999; margin-bottom: 10px;
// padding-bottom: 24px;
background: #fff;
// overflow: hidden;
.search_input {
padding-top: 8px;
margin-left: 24px;
margin-right: 24px;
margin-bottom: 10px;
}
.menuBox {
width: 100%;
display: flex;
flex: 1;
}
} }
.totalFont { .menuBox {
margin-top: 24px; width: 100%;
margin-left: 24px; display: flex;
font-size: 26px; flex: 1;
font-weight: 400;
color: #000000;
margin-bottom: 15px;
} }
}
.order_list { .totalFont {
height: calc(100vh - env(safe-area-inset-bottom) - 200px); margin-top: 24px;
background: #f7f7f7; margin-left: 24px;
} font-size: 26px;
font-weight: 400;
.bottom_box { color: #aeaeae;
height: 160px; margin-bottom: 15px;
background: #FFFFFF; }
position: fixed;
bottom: 0; .order_list {
z-index: 1; height: calc(100vh - env(safe-area-inset-bottom) - 200px);
background: #f7f7f7;
.bottom_btn { }
margin-top: 16px;
margin-left: 24px; .bottom_box {
margin-right: 24px; height: 160px;
width: 702px; background: #ffffff;
height: 80px; position: fixed;
background: #337FFF; bottom: 0;
border-radius: 44px; z-index: 1;
line-height: 80px;
text-align: center; .bottom_btn {
font-size: 28px; margin-top: 16px;
font-weight: 500; margin-left: 24px;
color: #FFFFFF; margin-right: 24px;
} width: 702px;
height: 80px;
background: #337fff;
border-radius: 44px;
line-height: 80px;
text-align: center;
font-size: 28px;
font-weight: 500;
color: #ffffff;
} }
}
} }

248
src/pages/orderDetails/components/addressDetailBox/index.module.scss
View File

@ -1,141 +1,137 @@
.addressBox { .addressBox {
margin-right: 24px; margin-right: 24px;
// width: 702px; // width: 702px;
height: 223px; height: 223px;
background: #FFFFFF; background: #ffffff;
border-radius: 16px; border-radius: 16px;
margin-top: 24px;
margin-left: 24px;
.topBox {
padding-top: 28px;
display: flex;
align-items: center;
.cirle {
border-radius: 50%;
margin-left: 32px;
width: 64px;
height: 64px;
background: #4a7fff;
display: flex;
align-items: center;
justify-content: center;
.dingwei {
color: #ffffff;
font-size: 26px;
}
}
.address {
margin-left: 24px;
width: 461px;
height: 78px;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
margin-right: 41px;
display: flex;
align-items: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /*这里设置几行*/
overflow: hidden;
}
.icon_more {
font-size: 50px;
}
}
.line {
margin-top: 16px;
float: right;
margin-right: 32px;
width: 550px;
height: 1px;
background: #000000;
opacity: 0.1;
}
.bottom {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 24px; margin-top: 24px;
margin-left: 24px;
.topBox { .name {
padding-top: 28px; line-height: 34px;
display: flex; width: 84px;
align-items: center; height: 34px;
@include common_ellipsis();
.cirle { font-size: 28px;
border-radius: 50%; font-family: PingFangSC-Regular, PingFang SC;
margin-left: 32px; font-weight: 400;
width: 64px; color: #343434;
height: 64px; margin-right: 16px;
background: #4A7FFF;
display: flex;
align-items: center;
justify-content: center;
.dingwei {
color: #FFFFFF;
font-size: 26px;
}
}
.address {
margin-left: 24px;
width: 461px;
height: 78px;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
margin-right: 41px;
display: flex;
align-items: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /*这里设置几行*/
overflow: hidden;
}
.icon_more {
font-size: 50px;
}
} }
.line { .phone {
margin-top: 16px; height: 34px;
float: right; font-size: 28px;
margin-right: 32px; font-family: PingFangSC-Regular, PingFang SC;
width: 550px; font-weight: 400;
height: 1px; color: #343434;
background: #000000; margin-right: 70px;
opacity: 0.1;
} }
.bottom { .reatBox {
display: flex; position: relative;
align-items: center; margin-right: 32px;
justify-content: flex-end;
margin-top: 24px;
.name { .updateBtn {
line-height: 34px; width: 200px;
width: 84px; font-size: $font_size_min;
height: 34px; background-color: #f0f0f0;
@include common_ellipsis(); height: 64px;
font-size: 28px; border-radius: 16px;
font-family: PingFangSC-Regular, PingFang SC; color: $color_font_two;
font-weight: 400; // position: absolute;
color: #343434; bottom: 10px;
margin-right: 16px; // right: -10px;
text-align: center;
z-index: 999;
.updateBtn_list {
position: absolute;
display: flex;
z-index: 5;
width: 100%;
.updateBtn_item_select {
color: #fff;
}
} }
.phone { .updateBtn_item {
height: 34px; flex: 1;
font-size: 28px; text-align: center;
font-family: PingFangSC-Regular, PingFang SC; line-height: 64px;
font-weight: 400;
color: #343434;
margin-right: 70px;
} }
.reatBox { .updateBtn_select {
position: relative; color: #fff;
margin-right: 32px; background-color: $color_main;
border-radius: 16px;
.updateBtn { position: absolute;
width: 100px;
width: 200px; height: 61px;
font-size: $font_size_min; z-index: 1;
background-color: #F0F0F0; transition: all 0.3s ease-in-out;
height: 64px;
border-radius: 24px;
color: $color_font_two;
// position: absolute;
bottom: 10px;
// right: -10px;
text-align: center;
z-index: 999;
.updateBtn_list {
position: absolute;
display: flex;
z-index: 5;
width: 100%;
.updateBtn_item_select {
color: #fff;
}
}
.updateBtn_item {
flex: 1;
text-align: center;
line-height: 64px;
}
.updateBtn_select {
color: #fff;
background-color: $color_main;
border-radius: 24px;
position: absolute;
width: 100px;
height: 61px;
z-index: 1;
transition: all 0.3s ease-in-out;
}
}
} }
}
} }
}
} }

2
src/pages/orderDetails/components/addressDetailBox/index.tsx
View File

@ -23,7 +23,7 @@ const AddressDetailBox = (props: propsObj) => {
<View className={styles.addressBox}> <View className={styles.addressBox}>
<View className={styles.topBox} onClick={() => navSelect?.(obj)}> <View className={styles.topBox} onClick={() => navSelect?.(obj)}>
<View className={styles.cirle}> <View className={styles.cirle}>
<IconFont name="icon-dingwei" size={26} color="#ffffff"></IconFont> <IconFont name="icon-cangku1" size={60}></IconFont>
</View> </View>
{ {
receivingStatus == 1 && <View className={styles.address}>{obj.take_goods_address || '中华人民共和国广东省佛山市禅城区陆盈纺织仓库'}</View> receivingStatus == 1 && <View className={styles.address}>{obj.take_goods_address || '中华人民共和国广东省佛山市禅城区陆盈纺织仓库'}</View>