style: pay page perf (#2535)

* style: pay page perf

* perf: package status logic && add pay text

projects/app/src/components/support/wallet/QRCodePayModal.tsx

@@ -74,7 +74,11 @@ const QRCodePayModal = ({
   return (
     <MyModal isOpen title={t('common:user.Pay')} iconSrc="/imgs/modal/pay.svg">
       <ModalBody textAlign={'center'} py={6} whiteSpace={'pre'}>
-        {tip && <Box mb={3}>{tip}</Box>}
+        {tip && (
+          <Box textAlign={'left'} whiteSpace={'normal'} mb={3}>
+            {tip}
+          </Box>
+        )}
         <Box id={'payQRCode'} display={'inline-block'} h={'128px'}></Box>
         <Box mt={3} textAlign={'center'}>
           {t('common:pay.wechat', { price: readPrice })}

projects/app/src/components/support/wallet/StandardPlanContentList.tsx

@@ -78,7 +78,7 @@ const StandardPlanContentList = ({
       </Flex>
       <Flex alignItems={'center'}>
         <MyIcon name={'price/right'} w={'16px'} mr={3} />
-        <Box fontWeight={'bold'}>
+        <Box fontWeight={'bold'} color={'myGray.600'}>
           {t('common:support.wallet.subscription.function.Max dataset size', {
             amount: planContent.maxDatasetSize
           })}
@@ -87,7 +87,7 @@ const StandardPlanContentList = ({
       <Flex alignItems={'center'}>
         <MyIcon name={'price/right'} w={'16px'} mr={3} />
         <Flex alignItems={'center'}>
-          <Box fontWeight={'bold'}>
+          <Box fontWeight={'bold'} color={'myGray.600'}>
             {t('common:support.wallet.subscription.function.Points', {
               amount: planContent.totalPoints
             })}