feat:登录验证码长度限制

src/components/CropperModal.tsx

@@ -28,7 +28,7 @@ const CropperModal = (props: CropperModalProps) => {
   const { title, close, save } = props;
   const { title, close, save } = props;
 
 
   const [imgUrl, setImgUrl] = useState(props.imgUrl ? `${props.imgUrl}` : baseImg);
   const [imgUrl, setImgUrl] = useState(props.imgUrl ? `${props.imgUrl}` : baseImg);
-
+  const [clickStatus,setClickStatus] = useState(false);
   useEffect(() => {
   useEffect(() => {
     imgUrl && initCropper();
     imgUrl && initCropper();
   }, [imgUrl]);
   }, [imgUrl]);
@@ -64,6 +64,13 @@ const CropperModal = (props: CropperModalProps) => {
   
   
 
 
   function _handleSave(): any {
   function _handleSave(): any {
+    if (clickStatus) {
+      return;
+    }
+    setClickStatus(true);
+    setTimeout(() => {
+      setClickStatus(false);
+    }, 1000);
     const $image = $('#image');
     const $image = $('#image');
     ($image as any).cropper('getCroppedCanvas').toBlob((blob: any) => {
     ($image as any).cropper('getCroppedCanvas').toBlob((blob: any) => {
       console.log("blob",blob);
       console.log("blob",blob);

src/modules/root/Login.jsx

@@ -148,6 +148,7 @@ function Login(props) {
                         placeholder="验证码"
                         placeholder="验证码"
                         autoComplete="off"
                         autoComplete="off"
                         value={phoneverify}
                         value={phoneverify}
+                        maxLength={4}
                         onChange={(e) => { setPhoneverify(e.target.value) }}
                         onChange={(e) => { setPhoneverify(e.target.value) }}
                       />
                       />
                       <Popover
                       <Popover