登录界面

lib/pages/login/controller.dart

@@ -5,18 +5,75 @@ enum LoginType{code, password}
 
 class LoginController extends GetxController {
 
-  /// 2、密码登录
-  /// 账号
+  // 0：密码登录  1：验证码登录
+  late int loginType = 0;
+  // 2、密码登录
+  // 账号
   final TextEditingController phoneInput = TextEditingController();
-  /// 密码
+  // 密码
   final TextEditingController passwordInput = TextEditingController();
+  // 验证码
+  final TextEditingController codeInput = TextEditingController();
   // 显示密码
   final ValueNotifier<bool> showPassword = ValueNotifier(false);
+  // 定时器
+  late Timer _timer;
+
+  // 按钮是否可用
+  bool  _enable = false;
+  bool get enable => _enable;
+
+  // 倒计时60秒
+  int _countDown = 60;
+  int get countDown => _countDown;
+  bool _isCounting = false;
+  bool get isCounting => _isCounting;
+
+  // 同意协议
+  bool _agree = false;
+  bool get agree => _agree;
+  void setAgree() {
+    _agree = !_agree;
+  }
 
+  // 开启定时器
+  void start() {
+    _isCounting = true;
+    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
+      if (_countDown > 1) {
+        _countDown--;
+      } else {
+        stop();
+      }
+      update();
+    });
+  }
+
+  // 停止计时器
+  void stop() {
+    if (_timer != null){
+      _timer.cancel();
+      _isCounting = false;
+    }
+    _countDown = 60;
+  }
+
+  void setCanClick(){
+    if (phoneInput.text.length == 11 && passwordInput.text.length == 4){
+      _enable = true;
+    }
+    else{
+      _enable = false;
+    }
+    update();
+  }
 
 
   @override
   void onInit() {
+    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
+      // 定时器回调
+    });
     /// 测试账号
     if (kDebugMode) {
        phoneInput.text = '13521054068';
@@ -30,11 +87,20 @@ class LoginController extends GetxController {
     phoneInput.dispose();
     passwordInput.dispose();
     showPassword.dispose();
+    codeInput.dispose();
+    _timer.cancel();
+    _isCounting = false;
     super.onClose();
   }
 
   void onShowPassword() => showPassword.value = !showPassword.value;
 
+  void updateLoginType(int value){
+    stop();
+    loginType = value;
+    update();
+  }
+
   Future<bool> onLogin(GlobalKey<FormState> key) async {
 
     final result = AccountAPI.login(

lib/pages/login/index.dart

 library login;
 
 
+import 'dart:async';
+
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';

lib/utils/validator.dart

@@ -79,3 +79,21 @@ class AmountValidator extends Validator<String?> {
     return hasMatch(_pattern.toString(), value!, caseSensitive: false);
   }
 }
+
+
+class ValidatorTool {
+
+  // 验证手机号
+  static bool isValidPhoneNumber(String value) {
+    RegExp phonePattern = RegExp(r'^1[3-9]\d{9}$');
+    return phonePattern.hasMatch(value);
+  }
+
+  // 验证密码
+  static bool isValidPassword(String value) {
+    RegExp passwordPattern = RegExp(r'^[A-Za-z0-9!@#\$%^&*()_+{}\[\]:;<>,.?~\\/-]{6,20}$');;
+    return passwordPattern.hasMatch(value);
+  }
+}
+
+

lib/widgets/button.dart

@@ -239,3 +239,52 @@ class _ButtonWithIconChild extends StatelessWidget {
     );
   }
 }
+
+class CustomGradientButton extends StatelessWidget {
+  final String text;
+  final bool isEnabled;
+  final VoidCallback onPressed;
+
+  const CustomGradientButton({
+    Key? key,
+    required this.text,
+    required this.isEnabled,
+    required this.onPressed,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 42,
+      width: double.infinity,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(21),
+        gradient: LinearGradient(
+          colors: isEnabled
+              ? [const Color(0xFFDE2E5E).withOpacity(0.7),const Color(0xFFC31F4C).withOpacity(0.7)] // 可点击时的颜色
+              : [const Color(0xFFDE2E5E),const Color(0xFFC31F4C)], // 不可点击时的颜色，透明度为0.7
+          begin: Alignment.centerLeft,
+          end: Alignment.centerRight,
+        ),
+      ),
+      child: TextButton(
+        onPressed: isEnabled ? onPressed : null,
+        style: TextButton.styleFrom(
+          padding: const EdgeInsets.symmetric(vertical: 10.5),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(21),
+          ),
+          backgroundColor: Colors.transparent,
+        ),
+        child: Text(
+          text,
+          style: const TextStyle(color: Colors.white, fontSize: 15.0),
+        ),
+      ),
+    );
+  }
+}
+
+
+
+