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

🐞 fix(ID1000944): 【蜘蛛管家】-退款/售后- UI还原

Browse Source 
【【蜘蛛管家】-退款/售后- UI还原】 https://www.tapd.cn/53459131/bugtrace/bugs/view/1153459131001000944
This commit is contained in:
xuan 2022-12-08 22:19:04 +08:00
parent b9dd27ebb7
commit af3eeaf9a1
6 changed files with 254 additions and 274 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
project.private.config.json
View File

@ -253,6 +253,13 @@
"query": "id=34626", "query": "id=34626",
"launchMode": "default", "launchMode": "default",
"scene": null "scene": null
},
{
"name": "",
"pathName": "pages/refundPage/index",
"query": "",
"launchMode": "default",
"scene": null
} }
] ]
} }

40
src/pages/refundPage/components/itemList/index.module.scss
View File

@ -4,7 +4,7 @@
margin: 24px; margin: 24px;
// height: 416px; // height: 416px;
padding-bottom: 20px; padding-bottom: 20px;
background: #FFFFFF; background: #ffffff;
border-radius: 16px; border-radius: 16px;
margin-left: 24px; margin-left: 24px;
@ -15,30 +15,25 @@
margin-top: 24px; margin-top: 24px;
.orderNo { .orderNo {
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC; font-weight: 550;
font-weight: 500;
color: #000000; color: #000000;
margin-left: 32px; margin-left: 32px;
} }
.status { .status {
margin-right: 32px; margin-right: 32px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #0D7CFF; color: #0d7cff;
} }
} }
.pussName { .pussName {
margin-left: 32px; margin-left: 32px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC; font-weight: 550;
font-weight: 500; color: #505050;
color: #000000;
} }
.line { .line {
@ -75,9 +70,8 @@
position: absolute; position: absolute;
bottom: 0; bottom: 0;
font-size: 20px; font-size: 20px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
line-height: 39px; line-height: 39px;
} }
@ -107,7 +101,6 @@
text-overflow: ellipsis; text-overflow: ellipsis;
margin-right: 8px; margin-right: 8px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
} }
@ -115,12 +108,11 @@
.productMode { .productMode {
width: 60px; width: 60px;
height: 28px; height: 28px;
background: #337FFF; background: #337fff;
border-radius: 8px; border-radius: 8px;
font-size: 20px; font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
line-height: 28px; line-height: 28px;
} }
@ -128,7 +120,6 @@
.shipMode { .shipMode {
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
margin-right: 60px; margin-right: 60px;
@ -145,7 +136,6 @@
.colorNameOne { .colorNameOne {
flex: 1; flex: 1;
font-size: 24px; font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
width: 133px; width: 133px;
@ -159,7 +149,6 @@
.colorName { .colorName {
flex: 1; flex: 1;
font-size: 24px; font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
text-align: center; text-align: center;
@ -168,15 +157,12 @@
.colorNameTwo { .colorNameTwo {
flex: 1; flex: 1;
font-size: 24px; font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
text-align: right; text-align: right;
} }
} }
} }
} }
.lineOne { .lineOne {
@ -190,34 +176,28 @@
} }
.bottomMsg { .bottomMsg {
margin-top: 16px; margin-top: 16px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
color: #a8a8a8;
.msgLeft { .msgLeft {
margin-left: 32px; margin-left: 32px;
font-size: 24px; font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000;
} }
.msgRight { .msgRight {
margin-right: 32px; margin-right: 32px;
font-size: 24px; font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000;
} }
.msgRightOne { .msgRightOne {
margin-right: 32px; margin-right: 32px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #F64861; color: #f64861;
} }
} }

10
src/pages/refundPage/components/tabs/index.module.scss
View File

@ -18,16 +18,14 @@
.itemFont { .itemFont {
font-size: 28px; font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold; font-weight: 400;
font-weight: 700;
color: #000000; color: #000000;
} }
.activeItems { .activeItems {
font-size: 28px; font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 550;
font-weight: 400; color: #337fff;
color: #337FFF;
} }
.borderBox { .borderBox {
@ -35,7 +33,7 @@
bottom: 0; bottom: 0;
width: 138px; width: 138px;
height: 6px; height: 6px;
background: #337FFF; background: #337fff;
border-radius: 4px; border-radius: 4px;
} }
} }

1
src/pages/refundPage/components/tabs/index.tsx
View File

@ -18,7 +18,6 @@ const Tabs = (props: Props) => {
<View className={styles.itemBox} key={index} onClick={() => handChose?.(item)}> <View className={styles.itemBox} key={index} onClick={() => handChose?.(item)}>
<View <View
className={classnames(item.showBorder ? styles.activeItems : styles.itemFont)} className={classnames(item.showBorder ? styles.activeItems : styles.itemFont)}
>{item?.name}</View > >{item?.name}</View >
{ {
item.showBorder && <View className={styles.borderBox} ></View> item.showBorder && <View className={styles.borderBox} ></View>

27
src/pages/refundPage/index.module.scss
View File

@ -1,3 +1,12 @@
page {
height: 100%;
}
.refundPage {
display: flex;
flex-flow: column nowrap;
height: 100%;
overflow: hidden;
}
.flexBox { .flexBox {
display: flex; display: flex;
align-items: center; align-items: center;
@ -20,7 +29,6 @@
.shaixuan { .shaixuan {
margin-right: 32px; margin-right: 32px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
} }
@ -29,21 +37,16 @@
color: #0d7cff; color: #0d7cff;
margin-right: 32px; margin-right: 32px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
} }
.order_list { .order_list {
height: calc(100vh - 300px); flex: 1 1 auto;
background: #f7f7f7; background: #f7f7f7;
overflow: hidden;
.bigBpx { .bigBpx {
height: 200px; height: 200px;
} }
.kongboxTwo {
height: 100px;
}
} }
.scrllStyle { .scrllStyle {
@ -64,7 +67,6 @@
.thirdTopfont { .thirdTopfont {
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
} }
@ -105,7 +107,6 @@
background: rgba(51, 127, 255, 0.1); background: rgba(51, 127, 255, 0.1);
border-radius: 8px; border-radius: 8px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #337fff; color: #337fff;
text-align: center; text-align: center;
@ -123,7 +124,6 @@
background: #f6f6f6; background: #f6f6f6;
border-radius: 8px; border-radius: 8px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
border: 1px solid #f6f6f6; border: 1px solid #f6f6f6;
@ -155,7 +155,6 @@
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-weight: 500; font-weight: 500;
color: #337fff; color: #337fff;
text-align: center; text-align: center;
@ -169,8 +168,7 @@
height: 80px; height: 80px;
background: #68b4ff; background: #68b4ff;
border-radius: 44px; border-radius: 44px;
font-size: 32px; font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
@ -184,7 +182,6 @@
background: #337fff; background: #337fff;
border-radius: 44px; border-radius: 44px;
font-size: 32px; font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #fff; color: #fff;
text-align: center; text-align: center;

5
src/pages/refundPage/index.tsx
View File

@ -302,7 +302,7 @@ const RefundPage = () => {
getOrderList() getOrderList()
}, [searchField.size, searchField.name, searchField.status]) }, [searchField.size, searchField.name, searchField.status])
return ( return (
<> <View className={styles.refundPage}>
<View style={{ background: '#FFFFFF', paddingLeft: '20rpx', paddingBottom: '20rpx', position: 'sticky', top: '0', zIndex: '99' }}> <View style={{ background: '#FFFFFF', paddingLeft: '20rpx', paddingBottom: '20rpx', position: 'sticky', top: '0', zIndex: '99' }}>
<Search placeholder="搜索商品/名称/颜色/订单号" showBtn={false} changeOnSearch={getSearchData} > <Search placeholder="搜索商品/名称/颜色/订单号" showBtn={false} changeOnSearch={getSearchData} >
<View className={styles.flexBox} onClick={() => showSelctPopup()}> <View className={styles.flexBox} onClick={() => showSelctPopup()}>
@ -333,7 +333,6 @@ const RefundPage = () => {
) )
})} })}
</InfiniteScroll> </InfiniteScroll>
<View className={styles.kongboxTwo}></View>
</View> </View>
<Popup title="筛选订单" show={showPopup} onClose={() => closePopup()}> <Popup title="筛选订单" show={showPopup} onClose={() => closePopup()}>
<View className={styles.popupBox}> <View className={styles.popupBox}>
@ -408,7 +407,7 @@ const RefundPage = () => {
showPopup={ShowCode} showPopup={ShowCode}
popupClose={() => setShowCode(false)} popupClose={() => setShowCode(false)}
></RefundCodelist> ></RefundCodelist>
</> </View>
) )
} }