feat:修改更改手机号的提示

src/modules/personalInfo/ChangePhoneModal.tsx

@@ -103,6 +103,7 @@ function ChangePhoneModal(props: changePhoneModalProps) {
                 onConfirm(newPhone)
                 onConfirm(newPhone)
                 onClose();
                 onClose();
             }else{
             }else{
+              setPhoneVerifyError(true);
               setErrorMessageText(res.message); 
               setErrorMessageText(res.message); 
             }
             }
         });
         });
@@ -139,7 +140,7 @@ function ChangePhoneModal(props: changePhoneModalProps) {
                     value={newPhone}
                     value={newPhone}
                     className={ newPhoneError ? 'error-input' : ''}
                     className={ newPhoneError ? 'error-input' : ''}
                     onChange={(e) => { 
                     onChange={(e) => { 
-                        if((e.target.value).match(/^\d+$/)){
+                        if((e.target.value).match(/^\d+$/) ||(!e.target.value) ){
                             setNewPhone(e.target.value);
                             setNewPhone(e.target.value);
                             setNewPhoneError(false);
                             setNewPhoneError(false);
                             setErrorMessageText('')
                             setErrorMessageText('')
@@ -147,10 +148,10 @@ function ChangePhoneModal(props: changePhoneModalProps) {
                             setErrorMessageText('仅支持输入数字'); 
                             setErrorMessageText('仅支持输入数字'); 
                             setNewPhoneError(true);  
                             setNewPhoneError(true);  
                         }
                         }
-                       
                     }}
                     }}
                     style={{ width:200,height:32}}
                     style={{ width:200,height:32}}
                 />
                 />
+                {newPhoneError && <div className="error-message">{errorMessageText}</div>}
             </div>
             </div>
             <div className="verify-content"> 
             <div className="verify-content"> 
                 <Input
                 <Input
@@ -201,7 +202,8 @@ function ChangePhoneModal(props: changePhoneModalProps) {
                 >{codeText}</div>
                 >{codeText}</div>
             </Popover>
             </Popover>
             </div>
             </div>
-            <div className="error-message">{errorMessageText}</div>
+            { phoneVerifyError && <div className="error-message">{errorMessageText}</div> }
+            
         </Modal>
         </Modal>
     )
     )
 }
 }