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

🐞 fix(ID1000942):订单详情的合计金额进位规则，应与应收单一致

Browse Source
This commit is contained in:
Haiyi 2022-12-08 20:00:44 +08:00
parent e68b97e104
commit c2335d5d73
3 changed files with 622 additions and 639 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,379 +1,370 @@
page { page {
background: #f7f7f7; background: #f7f7f7;
} }
.mainBox { .mainBox {
.pussBox { .pussBox {
margin-top: 24px; margin-top: 24px;
display: flex;
align-items: center;
.pussName {
font-size: 28px;
font-weight: 400;
color: #000000;
}
.pussPhone {
margin-left: 88px;
font-size: 28px;
font-weight: 400;
color: #000000;
}
}
.total {
margin-top: 44px;
font-size: 24px;
font-weight: 400;
color: #000000;
margin-left: 32px;
margin-bottom: 8px;
}
.productBox {
// width: 702px;
margin-right: 24px;
background: #ffffff;
border-radius: 16px;
margin-left: 24px;
padding-bottom: 36px;
overflow: hidden;
.flexMoney {
display: flex;
margin-top: 32px;
align-items: center;
justify-content: space-between;
.flexTotalBox {
display: flex; display: flex;
align-items: center; align-items: center;
.pussName { .totalFont {
font-size: 28px; margin-left: 32px;
font-weight: 400; margin-right: 8px;
color: #000000; font-size: 28px;
font-weight: 400;
color: #000000;
} }
.pussPhone { .tishi {
margin-left: 88px; font-size: 28px;
font-size: 28px;
font-weight: 400;
color: #000000;
}
}
.total {
margin-top: 44px;
font-size: 24px;
font-weight: 400;
color: #000000;
margin-left: 32px;
margin-bottom: 8px;
}
.productBox {
// width: 702px;
margin-right: 24px;
background: #FFFFFF;
border-radius: 16px;
margin-left: 24px;
padding-bottom: 36px;
overflow: hidden;
.flexMoney {
display: flex;
margin-top: 32px;
align-items: center;
justify-content: space-between;
.flexTotalBox {
display: flex;
align-items: center;
.totalFont {
margin-left: 32px;
margin-right: 8px;
font-size: 28px;
font-weight: 400;
color: #000000;
}
.tishi {
font-size: 28px;
}
}
.shoudPay {
font-size: 28px;
font-weight: 500;
color: #F64861;
margin-right: 32px;
}
} }
}
.shoudPay {
font-size: 28px;
font-weight: 500;
color: #f64861;
margin-right: 32px;
}
} }
}
} }
.defaltBox { .defaltBox {
margin: 24px; margin: 24px;
padding: 24px 32px 24px 24px; padding: 24px 32px 24px 24px;
background: #FFFFFF; background: #ffffff;
border-radius: 16px; border-radius: 16px;
.titleBox { .titleBox {
// margin-right: 24px; // margin-right: 24px;
// margin-left: 24px; // margin-left: 24px;
// width: 638px; // width: 638px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.title { .title {
font-size: 28px; font-size: 28px;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
}
.modeName {
font-size: 28px;
font-weight: 500;
color: #337FFF;
}
} }
.modeLine { .modeName {
margin-top: 24px; font-size: 28px;
// width: 638px; font-weight: 500;
// margin-right: 24px; color: #337fff;
// margin-left: 24px;
height: 1px;
background: #000000;
opacity: 0.1;
} }
}
.modeLine {
margin-top: 24px;
// width: 638px;
// margin-right: 24px;
// margin-left: 24px;
height: 1px;
background: #000000;
opacity: 0.1;
}
} }
.goodsBox { .goodsBox {
margin-top: 24px;
overflow: hidden;
border-bottom: 8px solid #f7f7f7;
.goodsProduct {
font-size: 28px;
font-weight: 500;
color: #000000;
margin-left: 32px;
}
.goodsLine {
margin-right: 24px;
margin-left: 24px;
// width: 638px;
height: 1px;
background: #000000;
opacity: 0.1;
margin-left: 32px;
margin-top: 24px; margin-top: 24px;
overflow: hidden; }
border-bottom: 8px solid #F7F7F7;
.goodsProduct { .itemGoods {
font-size: 28px; margin-top: 24px;
font-weight: 500; display: flex;
color: #000000;
margin-left: 32px; .itemPic {
margin-left: 32px;
margin-right: 42px;
width: 108px;
height: 108px;
// background: #322F2F;
border-radius: 8px;
} }
.goodsLine { .itemRight {
margin-right: 24px; padding-bottom: 24px;
margin-left: 24px; margin-right: 32px;
// width: 638px; width: 495px;
height: 1px; border-bottom: 1px solid #f7f7f7;
background: #000000;
opacity: 0.1;
margin-left: 32px;
margin-top: 24px;
}
.itemGoods { .item_right_top {
margin-top: 24px; margin-bottom: 41px;
display: flex; display: flex;
align-items: center;
justify-content: space-between;
.itemPic { .itemName {
margin-left: 32px; font-size: 28px;
margin-right: 42px; font-weight: 400;
width: 108px; color: #000000;
height: 108px;
background: #322F2F;
border-radius: 8px;
} }
.itemRight { .itemNums {
padding-bottom: 24px; font-size: 28px;
margin-right: 32px; font-weight: 400;
width: 495px; color: #000000;
border-bottom: 1px solid #f7f7f7;
.item_right_top {
margin-bottom: 41px;
display: flex;
align-items: center;
justify-content: space-between;
.itemName {
font-size: 28px;
font-weight: 400;
color: #000000;
}
.itemNums {
font-size: 28px;
font-weight: 400;
color: #000000;
}
}
.item_right_Bottom {
display: flex;
align-items: center;
justify-content: space-between;
.itemMoney {
font-size: 28px;
font-weight: 400;
color: #a5a5a5;
}
.itemMoneyOne {
font-size: 28px;
font-weight: 500;
color: #333333;
}
}
} }
}
.item_right_Bottom {
}
.itemGoods:last-child {
margin-top: 24px;
display: flex; display: flex;
align-items: center;
justify-content: space-between;
.itemPic { .itemMoney {
margin-left: 32px; font-size: 28px;
margin-right: 42px; font-weight: 400;
width: 108px; color: #a5a5a5;
height: 108px;
background: #322F2F;
border-radius: 8px;
} }
.itemRight { .itemMoneyOne {
padding-bottom: 24px; font-size: 28px;
width: 495px; font-weight: 500;
border-bottom: none; color: #333333;
.item_right_top {
margin-bottom: 41px;
display: flex;
align-items: center;
justify-content: space-between;
.itemName {
font-size: 28px;
font-weight: 400;
color: #000000;
}
.itemNums {
font-size: 28px;
font-weight: 400;
color: #000000;
}
}
.item_right_Bottom {
display: flex;
align-items: center;
justify-content: space-between;
.itemMoney {
font-size: 28px;
font-weight: 400;
color: #a5a5a5;
}
.itemMoneyOne {
font-size: 28px;
font-weight: 500;
color: #333333;
}
}
} }
}
} }
}
.itemGoods:last-child {
margin-top: 24px;
display: flex;
.itemPic {
margin-left: 32px;
margin-right: 42px;
width: 108px;
height: 108px;
// background: #322F2F;
border-radius: 8px;
}
.itemRight {
padding-bottom: 24px;
width: 495px;
border-bottom: none;
.item_right_top {
margin-bottom: 41px;
display: flex;
align-items: center;
justify-content: space-between;
.itemName {
font-size: 28px;
font-weight: 400;
color: #000000;
}
.itemNums {
font-size: 28px;
font-weight: 400;
color: #000000;
}
}
.item_right_Bottom {
display: flex;
align-items: center;
justify-content: space-between;
.itemMoney {
font-size: 28px;
font-weight: 400;
color: #a5a5a5;
}
.itemMoneyOne {
font-size: 28px;
font-weight: 500;
color: #333333;
}
}
}
}
} }
.goodsBox:last-child { .goodsBox:last-child {
border-bottom: none; border-bottom: none;
} }
.detailBox { .detailBox {
display: flex;
margin-top: 24px;
align-items: center;
justify-content: space-between;
.detailRightFlex {
display: flex; display: flex;
margin-top: 24px;
align-items: center; align-items: center;
justify-content: space-between;
.detailRightFlex { .detailRight {
display: flex; font-size: 28px;
align-items: center; font-weight: 400;
color: #000000;
.detailRight {
font-size: 28px;
font-weight: 400;
color: #000000;
}
.detailBtn {
margin-left: 16px;
width: 65px;
height: 32px;
border-radius: 8px;
border: 1PX solid #337FFF;
font-size: 24px;
font-weight: 400;
color: #337FFF;
text-align: center;
line-height: 32px;
}
} }
.detailFont { .detailBtn {
font-size: 28px; margin-left: 16px;
font-weight: 400; width: 65px;
color: #b8b8b8; height: 32px;
border-radius: 8px;
border: 1px solid #337fff;
font-size: 24px;
font-weight: 400;
color: #337fff;
text-align: center;
line-height: 32px;
} }
}
.detailFont {
font-size: 28px;
font-weight: 400;
color: #b8b8b8;
}
} }
.remarkFont { .remarkFont {
margin-top: 24px; margin-top: 24px;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
} }
.safeBottom { .safeBottom {
height: 300px; height: 300px;
} }
.bottomBox { .bottomBox {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
// width: 750px; // width: 750px;
width: 100%; width: 100%;
height: 160px; height: 160px;
background: #FFFFFF; background: #ffffff;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
padding-bottom: 24px; padding-bottom: 24px;
// position: relative; // position: relative;
.moreFontBox { .moreFontBox {
width: 200px; width: 200px;
.moreFont { .moreFont {
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);
margin-left: 48px; margin-left: 48px;
}
} }
}
.posssBox {
position: absolute;
left: 32px;
z-index: 99;
bottom: 170px;
// width: 120px;
padding: 24px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 2px 2px 2px #ccc;
}
.posssBox:after {
.posssBox { display: inline-block;
position: absolute; position: absolute;
left: 32px; bottom: -20px;
z-index: 99; z-index: 88;
bottom: 170px; // left: 5px;
// width: 120px; width: 0;
padding: 24px; height: 0px;
background: #fff; content: '';
border: 1px solid #ccc; border-style: solid;
box-shadow: 2px 2px 2px #ccc; border-width: 20px;
} border-color: #fff #fff transparent transparent;
transform: rotate(135deg);
.posssBox:after { box-shadow: 2px -2px 2px #ccc;
display: inline-block; }
position: absolute;
bottom: -20px;
z-index: 88;
// left: 5px;
width: 0;
height: 0px;
content: '';
border-style: solid;
border-width: 20px;
border-color: #fff #fff transparent transparent;
transform: rotate(135deg);
box-shadow: 2px -2px 2px #ccc;
}
} }
.order_save_address { .order_save_address {
height: 82px; height: 82px;
background: #007aff; background: #007aff;
border-radius: 40px; border-radius: 40px;
// width: 668px; // width: 668px;
text-align: center; text-align: center;
line-height: 82px; line-height: 82px;
color: #fff; color: #fff;
margin-top: 20px; margin-top: 20px;
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
margin-bottom: 20px; margin-bottom: 20px;
} }

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

@ -104,7 +104,7 @@ const GoodsItem = (porps: PropGoods) => {
<View className={styles.itemNums}>x{obj?.sale_mode === 0 ? it.roll : it.length / 100}{obj?.sale_mode === 0 ? '条' : 'm'}</View> <View className={styles.itemNums}>x{obj?.sale_mode === 0 ? it.roll : it.length / 100}{obj?.sale_mode === 0 ? '条' : 'm'}</View>
</View> </View>
<View className={styles.item_right_Bottom}> <View className={styles.item_right_Bottom}>
<View className={styles.itemMoney}>¥{it.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 className={styles.itemMoneyOne}>¥{formatPriceDiv(it.total_sale_price)}</View>
</View> </View>
</View> </View>

646
src/pages/submitOrder/index.module.scss
View File

@ -1,383 +1,375 @@
page { page {
background: #f7f7f7; background: #f7f7f7;
} }
.mainBox { .mainBox {
.pussBox { .pussBox {
margin-top: 24px;
display: flex;
align-items: center;
.pussName {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.pussPhone {
margin-left: 88px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
.total {
margin-top: 44px;
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
margin-left: 32px;
margin-bottom: 8px;
}
.productBox {
width: 702px;
background: #FFFFFF;
border-radius: 16px;
margin-left: 24px;
padding-bottom: 36px;
overflow: hidden;
.flexMoney {
display: flex;
margin-top: 32px;
align-items: center;
justify-content: space-between;
.flexTotalBox {
display: flex;
align-items: center;
.totalFont {
margin-left: 32px;
margin-right: 8px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.tishi {
font-size: 28px;
}
}
.shoudPay {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #F64861;
margin-right: 32px;
}
}
}
}
.defaltBox {
margin: 24px;
padding: 24px 32px 24px 24px;
background: #FFFFFF;
border-radius: 16px;
.titleBox {
width: 638px;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
}
.modeName {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #337FFF;
}
}
.modeLine {
margin-top: 24px;
width: 638px;
height: 1px;
background: #000000;
opacity: 0.1;
}
}
.goodsBox {
margin-top: 24px; margin-top: 24px;
overflow: hidden; display: flex;
border-bottom: 8px solid #F7F7F7; align-items: center;
.goodsProduct { .pussName {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.pussPhone {
margin-left: 88px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
.total {
margin-top: 44px;
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
margin-left: 32px;
margin-bottom: 8px;
}
.productBox {
width: 702px;
background: #ffffff;
border-radius: 16px;
margin-left: 24px;
padding-bottom: 36px;
overflow: hidden;
.flexMoney {
display: flex;
margin-top: 32px;
align-items: center;
justify-content: space-between;
.flexTotalBox {
display: flex;
align-items: center;
.totalFont {
margin-left: 32px;
margin-right: 8px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.tishi {
font-size: 28px;
}
}
.shoudPay {
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: #f64861;
margin-left: 32px; margin-right: 32px;
}
}
}
}
.defaltBox {
margin: 24px;
padding: 24px 32px 24px 24px;
background: #ffffff;
border-radius: 16px;
.titleBox {
width: 638px;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
} }
.goodsLine { .modeName {
width: 638px; font-size: 28px;
height: 1px; font-family: PingFangSC-Medium, PingFang SC;
background: #000000; font-weight: 500;
opacity: 0.1; color: #337fff;
margin-left: 32px; }
margin-top: 24px; }
.modeLine {
margin-top: 24px;
width: 638px;
height: 1px;
background: #000000;
opacity: 0.1;
}
}
.goodsBox {
margin-top: 24px;
overflow: hidden;
border-bottom: 8px solid #f7f7f7;
.goodsProduct {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
margin-left: 32px;
}
.goodsLine {
width: 638px;
height: 1px;
background: #000000;
opacity: 0.1;
margin-left: 32px;
margin-top: 24px;
}
.itemGoods {
margin-top: 24px;
display: flex;
.itemPic {
margin-left: 32px;
margin-right: 42px;
width: 108px;
height: 108px;
// background: #322F2F;
border-radius: 8px;
} }
.itemGoods { .itemRight {
margin-top: 24px; padding-bottom: 24px;
width: 495px;
border-bottom: 1px solid #f7f7f7;
.item_right_top {
margin-bottom: 41px;
display: flex; display: flex;
align-items: center;
justify-content: space-between;
.itemPic { .itemName {
margin-left: 32px; font-size: 28px;
margin-right: 42px; font-family: PingFangSC-Regular, PingFang SC;
width: 108px; font-weight: 400;
height: 108px; color: #000000;
background: #322F2F;
border-radius: 8px;
} }
.itemRight { .itemNums {
padding-bottom: 24px; font-size: 28px;
width: 495px; font-family: PingFangSC-Regular, PingFang SC;
border-bottom: 1px solid #f7f7f7; font-weight: 400;
color: #000000;
.item_right_top {
margin-bottom: 41px;
display: flex;
align-items: center;
justify-content: space-between;
.itemName {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.itemNums {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
.item_right_Bottom {
display: flex;
align-items: center;
justify-content: space-between;
.itemMoney {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.itemMoneyOne {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
}
}
} }
}
.item_right_Bottom {
}
.itemGoods:last-child {
margin-top: 24px;
display: flex; display: flex;
align-items: center;
justify-content: space-between;
.itemPic { .itemMoney {
margin-left: 32px; font-size: 28px;
margin-right: 42px; font-family: PingFangSC-Regular, PingFang SC;
width: 108px; font-weight: 400;
height: 108px; color: #000000;
background: #322F2F;
border-radius: 8px;
} }
.itemRight { .itemMoneyOne {
padding-bottom: 24px; font-size: 28px;
width: 495px; font-family: PingFangSC-Medium, PingFang SC;
border-bottom: none; font-weight: 500;
color: #000000;
.item_right_top {
margin-bottom: 41px;
display: flex;
align-items: center;
justify-content: space-between;
.itemName {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.itemNums {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
.item_right_Bottom {
display: flex;
align-items: center;
justify-content: space-between;
.itemMoney {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.itemMoneyOne {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
}
}
} }
}
} }
}
.itemGoods:last-child {
margin-top: 24px;
display: flex;
.itemPic {
margin-left: 32px;
margin-right: 42px;
width: 108px;
height: 108px;
// background: #322F2F;
border-radius: 8px;
}
.itemRight {
padding-bottom: 24px;
width: 495px;
border-bottom: none;
.item_right_top {
margin-bottom: 41px;
display: flex;
align-items: center;
justify-content: space-between;
.itemName {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.itemNums {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
.item_right_Bottom {
display: flex;
align-items: center;
justify-content: space-between;
.itemMoney {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.itemMoneyOne {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
}
}
}
}
} }
.goodsBox:last-child { .goodsBox:last-child {
border-bottom: none; border-bottom: none;
} }
.detailBox { .detailBox {
display: flex;
margin-top: 24px;
align-items: center;
justify-content: space-between;
.detailRightFlex {
display: flex; display: flex;
margin-top: 24px;
align-items: center; align-items: center;
justify-content: space-between;
.detailRightFlex { .detailRight {
display: flex; font-size: 28px;
align-items: center; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
.detailRight { color: #000000;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.detailBtn {
margin-left: 16px;
width: 65px;
height: 32px;
border-radius: 8px;
border: 1PX solid #337FFF;
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #337FFF;
text-align: center;
line-height: 32px;
}
} }
.detailFont { .detailBtn {
font-size: 28px; margin-left: 16px;
font-family: PingFangSC-Regular, PingFang SC; width: 65px;
font-weight: 400; height: 32px;
color: #000000; border-radius: 8px;
border: 1px solid #337fff;
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #337fff;
text-align: center;
line-height: 32px;
} }
} }
.remarkFont { .detailFont {
margin-top: 24px;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
}
}
.remarkFont {
margin-top: 24px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
} }
.safeBottom { .safeBottom {
height: 300px; height: 300px;
} }
.bottomBox { .bottomBox {
width: 750px; width: 750px;
height: 160px; height: 160px;
background: #FFFFFF; background: #ffffff;
display: flex; display: flex;
// padding-top: 16px; // padding-top: 16px;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
justify-content: space-between; justify-content: space-between;
.leftBottom { .leftBottom {
margin-top: 22px; margin-top: 22px;
.topFlex { .topFlex {
margin-left: 48px; margin-left: 48px;
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 14px; margin-bottom: 14px;
.topFont { .topFont {
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
margin-right: 10px; margin-right: 10px;
} }
.topTotal { .topTotal {
font-size: 24px; font-size: 24px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #F64861;
}
}
.bottomFlex {
margin-left: 48px;
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
.rightBottom {
margin-top: 16px;
width: 224px;
height: 80px;
background: #4581FF;
border-radius: 40px;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #f64861;
text-align: center; }
line-height: 80px;
margin-right: 24px;
} }
.bottomFlex {
margin-left: 48px;
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
.rightBottom {
margin-top: 16px;
width: 224px;
height: 80px;
background: #4581ff;
border-radius: 40px;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
text-align: center;
line-height: 80px;
margin-right: 24px;
}
} }