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

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

@ -18,16 +18,14 @@
.itemFont {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
font-weight: 400;
color: #000000;
}
.activeItems {
font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400;
color: #337FFF;
font-weight: 550;
color: #337fff;
}
.borderBox {
@ -35,7 +33,7 @@
bottom: 0;
width: 138px;
height: 6px;
background: #337FFF;
background: #337fff;
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={classnames(item.showBorder ? styles.activeItems : styles.itemFont)}
>{item?.name}</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 {
display: flex;
align-items: center;
@ -20,7 +29,6 @@
.shaixuan {
margin-right: 32px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
@ -29,21 +37,16 @@
color: #0d7cff;
margin-right: 32px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
}
.order_list {
height: calc(100vh - 300px);
flex: 1 1 auto;
background: #f7f7f7;
overflow: hidden;
.bigBpx {
height: 200px;
}
.kongboxTwo {
height: 100px;
}
}
.scrllStyle {
@ -64,7 +67,6 @@
.thirdTopfont {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
}
@ -105,7 +107,6 @@
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;
@ -123,7 +124,6 @@
background: #f6f6f6;
border-radius: 8px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
border: 1px solid #f6f6f6;
@ -155,7 +155,6 @@
border-radius: 44px;
border: 1px solid #087eff;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #337fff;
text-align: center;
@ -169,8 +168,7 @@
height: 80px;
background: #68b4ff;
border-radius: 44px;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-size: 28px;
font-weight: 500;
color: #ffffff;
text-align: center;
@ -184,7 +182,6 @@
background: #337fff;
border-radius: 44px;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #fff;
text-align: center;

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

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