Skip to content

W
wx-school-app-public
Commit b536ed08 by 姜雷
Options

调整样式

parent 28c6f509
Showing with 20 additions and 10 deletions
src/pages/pay/pay.scss
...@@ -11,6 +11,16 @@ ...@@ -11,6 +11,16 @@
justify-content: space-between; justify-content: space-between;
.Pay-info-rate { .Pay-info-rate {
line-height: 40px; line-height: 40px;
.Pay-info-rate-item {
display: flex;
}
.Pay-info-rate-name {
margin-right: 5px;
}
.Pay-info-rate-mark {
width: 220px;
text-align: right;
}
} }
} }
} }
......
src/pages/pay/pay.tsx
...@@ -139,19 +139,19 @@ class Pay extends Component { ...@@ -139,19 +139,19 @@ class Pay extends Component {
<Text>适用费率</Text> <Text>适用费率</Text>
<View className='Pay-info-rate'> <View className='Pay-info-rate'>
{device.rates.map(item => ( {device.rates.map(item => (
<View key={item.name}> <View key={item.name} className='Pay-info-rate-item'>
<Text>{item.name}</Text> <Text className='Pay-info-rate-name'>{item.name}</Text>
<Text>{item.mark}</Text> <Text className='Pay-info-rate-mark'>{item.mark}</Text>
</View> </View>
))} ))}
{/* <View> <View className='Pay-info-rate-item'>
<Text>冷水</Text> <Text className='Pay-info-rate-name'>冷水</Text>
<Text>0.02元/100ml</Text> <Text className='Pay-info-rate-mark'>0.02元/100ml</Text>
</View>
<View className='Pay-info-rate-item'>
<Text className='Pay-info-rate-name'>热水</Text>
<Text className='Pay-info-rate-mark'>0.02元/100ml</Text>
</View> </View>
<View>
<Text>热水</Text>
<Text>0.02元/100ml</Text>
</View> */}
</View> </View>
</View> </View>
</View> </View>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment