细节优化

src/user_pages/setTransactionPassword/index.tsx

@@ -16,6 +16,8 @@ interface FormFields {
 const SetTransactionPassword: React.FC = () => {
   // 使用全局键盘状态
   const { keyboardHeight, isKeyboardVisible, addListener, initializeKeyboardListener } = useKeyboardHeight()
+  const [smsCodeSended, setSmsCodeSended] = useState(false);
+  const [smsCodeText, setSmsCodeText] = useState('获取验证码');
   // 使用全局键盘状态监听
   useEffect(() => {
     // 初始化全局键盘监听器
@@ -86,9 +88,22 @@ const SetTransactionPassword: React.FC = () => {
         type: "set_password",
       });
       Taro.showToast({
-        title: "验证码发送成功",
+        title: "验证码已发送",
         icon: "none",
       });
+      let time = 60;
+      setSmsCodeText(`${time}秒后重发`);
+      const timer = setInterval(() => {
+        if (time > 0) {
+          time--;
+          setSmsCodeText(`${time}秒后重发`);
+        } else {
+          setSmsCodeText('获取验证码');
+          setSmsCodeSended(false);
+          clearInterval(timer);
+        }
+      }, 1000);
+      setSmsCodeSended(true);
     } catch (error) {
       Taro.showToast({
         title: "验证码发送失败",
@@ -142,9 +157,7 @@ const SetTransactionPassword: React.FC = () => {
               handleInput(e, "sms_code");
             }}
           ></Input>
-          <Button className="btn" onClick={getSMSCode}>
-            获取验证码
-          </Button>
+          <Button className={`btn ${smsCodeSended ? 'disabled' : ''}`} disabled={smsCodeSended} onClick={getSMSCode}>{smsCodeText}</Button>
         </View>
       )}
       <Text className="tips">* 密码由6位数字组成</Text>