充值页面显示赠送的豆

package.json

 {
 	"name": "wx-school-app",
-	"version": "1.0.6",
+	"version": "1.0.9",
 	"private": true,
 	"description": "",
 	"scripts": {

src/pages/Account/Account.scss

@@ -66,15 +66,18 @@
     // justify-content: space-between;
     flex-wrap: wrap;
     .Account-Money-Item {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
       box-sizing: border-box;
       width: 218px;
       height: 160px;
-      line-height: 160px;
       text-align: center;
       border: 4px solid #e6ebfd;
       border-radius: 24px;
       margin-bottom: 20px;
       margin-right: 15px;
+      font-size: 32px;
       &:nth-child(3n + 3) {
         margin-right: 0;
       }
@@ -83,6 +86,9 @@
         border-color: #6180f4;
         color: #fff;
       }
+      .giveText {
+        font-size: 24px;
+      }
     }
   }
   .Account-Payway {

src/pages/Account/Account.tsx

@@ -225,7 +225,13 @@ export const AccountComponent = () => {
               payConfigId === item.id ? 'selected' : ''
             }`}
             onClick={() => setPayConfigId(item.id)}>
-            {item.rechargeMoney.toFixed(2)}元
+            <View>{item.rechargeMoney.toFixed(2)}元</View>
+            {item.giveId && (
+              <View className='giveText'>
+                送{item.giveName}
+                {item.giveMoney}个
+              </View>
+            )}
           </View>
         ))}
       </View>