调整样式

src/pages/pay/pay.scss

@@ -11,6 +11,16 @@
       justify-content: space-between;
       .Pay-info-rate {
         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 {
             <Text>适用费率</Text>
             <View className='Pay-info-rate'>
               {device.rates.map(item => (
-                <View key={item.name}>
-                  <Text>{item.name}</Text>
-                  <Text>{item.mark}</Text>
+                <View key={item.name} className='Pay-info-rate-item'>
+                  <Text className='Pay-info-rate-name'>{item.name}</Text>
+                  <Text className='Pay-info-rate-mark'>{item.mark}</Text>
                 </View>
               ))}
-              {/* <View>
-                <Text>冷水</Text>
-                <Text>0.02元/100ml</Text>
+              <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 className='Pay-info-rate-item'>
+                <Text className='Pay-info-rate-name'>热水</Text>
+                <Text className='Pay-info-rate-mark'>0.02元/100ml</Text>
               </View>
-              <View>
-                <Text>热水</Text>
-                <Text>0.02元/100ml</Text>
-              </View> */}
             </View>
           </View>
         </View>