🐞 fix(#1000663#13): 修复购物页面的样式问题

This commit is contained in:
xuan
2022-11-11 11:37:50 +08:00
parent b64a003277
commit 7070ec425e
7 changed files with 56 additions and 13 deletions
@@ -33,7 +33,10 @@
}
.unit{
font-size: 24px;
font-size: 22px;
transform: scale(.7);
margin-right: 10px;
}
.money{
font-size: 36px;
}
@@ -23,9 +23,10 @@ export default props => {
<Text className={styles.moneyText}>预估金额:</Text>
<Text className={styles.moneyNumber}>
<Text className={styles.unit}>¥</Text>
{Number(Number(amount)
<Text className={styles.money}>{Number(Number(amount)
.toFixed(2))
.toLocaleString()}
.toLocaleString()}</Text>
</Text>
</View>
<View className={styles.bottomRight}>
@@ -22,6 +22,7 @@
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-self: stretch;
flex: 1 1 auto;
&--title {
color: $color_font_one;
@@ -46,7 +47,7 @@
display: flex;
flex-flow: column nowrap;
align-items: flex-end;
justify-content: space-around;
justify-content: space-between;
align-self: stretch;
&--price {
color: $color_money;
@@ -1,7 +1,6 @@
.layout {
margin: 24px;
padding-left: 0;
padding-right: 0;
padding: 30px 0;
border: 1px solid transparent;
.checkbox {
padding: 0 24px;