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

✨ feat(ID1000937):【内部小程序】订单详情页，不用展示图片，尽可能显示多一点订单信息

Browse Source
This commit is contained in:
Haiyi 2023-03-09 16:39:52 +08:00
parent addbabac64
commit d775cdb875
3 changed files with 84 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -90,7 +90,7 @@
.reatBox { .reatBox {
position: relative; position: relative;
margin-right: 32px; margin-left: 32px;
.updateBtn { .updateBtn {
width: 200px; width: 200px;

48
src/pages/orderDetails/index.module.scss
View File

@ -255,6 +255,54 @@ page {
} }
} }
} }
.product_goods {
padding-right: 32px;
// width: 100%;
margin-top: 32px;
display: flex;
align-items: center;
margin-bottom: 24px;
justify-content: space-between;
.prodct_name {
height: 32px;
font-size: 26px;
font-weight: 400;
color: #3a3a3a;
margin-left: 32px;
max-width: 224px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.product_right {
display: flex;
align-items: center;
.lastBox {
min-width: 120px;
font-size: 26px;
text-decoration: line-through;
color: #7f7f7f;
margin-right: 24px;
text-align: left;
}
.itemMoney {
min-width: 120px;
font-size: 28px;
margin-right: 10px;
color: #757575;
margin-right: 40px;
text-align: left;
}
.itemMoneyOne {
width: 100px;
font-size: 26px;
font-weight: 500;
color: #4f4f4f;
text-align: left;
}
}
}
} }
.goodsBox:last-child { .goodsBox:last-child {

54
src/pages/orderDetails/index.tsx
View File

@ -95,27 +95,43 @@ const GoodsItem = (porps: PropGoods) => {
{ {
item.product_colors.map((it, inx) => { item.product_colors.map((it, inx) => {
return ( return (
<View className={styles.itemGoods} key={inx}> // {/* 第一个版本的样式 */}
<View className={styles.itemPic}>
<LabAndImg value={labAndImgObj(it)} /> // <View className={styles.itemGoods} key={inx}>
</View> // <View className={styles.itemPic}>
{/* <View className={styles.itemPic} style={{ backgroundColor: `rgb(${it?.rgb?.r} ${it?.rgb?.g} ${it?.rgb?.b})` }}></View> */} // <LabAndImg value={labAndImgObj(it)} />
<View className={styles.itemRight}> // </View>
<View className={styles.item_right_top}> // <View className={styles.itemRight}>
<View className={styles.itemName}>{formatHashTag(it.code, it.name)}</View> // <View className={styles.item_right_top}>
<View className={styles.itemNums}>x{obj?.sale_mode === 0 ? it.roll : it.length / 100}{obj?.sale_mode === 0 ? '条' : 'm'}</View> // <View className={styles.itemName}>{formatHashTag(it.code, it.name)}</View>
</View> // <View className={styles.itemNums}>x{obj?.sale_mode === 0 ? it.roll : it.length / 100}{obj?.sale_mode === 0 ? '条' : 'm'}</View>
<View className={styles.item_right_Bottom}> // </View>
<View className={styles.flexBox}> // <View className={styles.item_right_Bottom}>
<View className={styles.itemMoney}>¥{formatPriceDiv(it.sale_price)}/{obj?.sale_mode === 1 ? 'm' : 'kg'}</View> // <View className={styles.flexBox}>
{ // <View className={styles.itemMoney}>¥{formatPriceDiv(it.sale_price)}/{obj?.sale_mode === 1 ? 'm' : 'kg'}</View>
obj?.sale_mode === 0 && it?.sale_price !== it?.standard_sale_price && <View className={styles.lastBox}>¥{it?.standard_sale_price / 100}/{obj?.sale_mode === 1 ? 'm' : 'kg'}</View> // {
} // obj?.sale_mode === 0 && it?.sale_price !== it?.standard_sale_price && <View className={styles.lastBox}>¥{it?.standard_sale_price / 100}/{obj?.sale_mode === 1 ? 'm' : 'kg'}</View>
</View> // }
<View className={styles.itemMoneyOne}>¥{formatPriceDiv(it.total_sale_price)}</View> // </View>
</View> // <View className={styles.itemMoneyOne}>¥{formatPriceDiv(it.total_sale_price)}</View>
// </View>
// </View>
// </View>
// {/* 第二个版本的样式 */}
<View className={styles.product_goods} key={inx}>
<View className={styles.prodct_name}>{formatHashTag(it.code, it.name)} x{obj?.sale_mode === 0 ? it.roll : it.length / 100}{obj?.sale_mode === 0 ? '条' : 'm'}</View>
<View className={styles.product_right}>
{
obj?.sale_mode === 0 && it?.sale_price !== it?.standard_sale_price && <View className={styles.lastBox}>¥{it?.standard_sale_price / 100}/{obj?.sale_mode === 1 ? 'm' : 'kg'}</View>
}
<View className={styles.itemMoney}>¥{formatPriceDiv(it.sale_price)}/{obj?.sale_mode === 1 ? 'm' : 'kg'}</View>
<View className={styles.itemMoneyOne}>¥{formatPriceDiv(it.total_sale_price)}</View>
</View> </View>
</View> </View>
) )
}) })
} }