基本完成

lib/page/system/login/widget/agreement_box.dart

@@ -0,0 +1,66 @@
+import 'package:food_health/router/config/route_paths.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+
+///勾中协议
+class AgreementBox extends StatelessWidget {
+  final bool checked;
+  final Function(bool) onChanged;
+
+  const AgreementBox({
+    super.key,
+    this.checked = false,
+    required this.onChanged,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        SizedBox(
+          width: 25,
+          child: Transform.scale(
+            scale: 0.8,
+            child: Checkbox(
+              value: checked,
+              shape: CircleBorder(),
+              onChanged: (value) {
+                onChanged(value!);
+              },
+            ),
+          ),
+        ),
+        RichText(
+          text: TextSpan(
+            style: Theme.of(context).textTheme.labelSmall,
+            children: [
+              TextSpan(
+                text: "I agree to the ",
+              ),
+              TextSpan(
+                text: "Terms",
+                style: TextStyle(color: Theme.of(context).primaryColor),
+                recognizer: TapGestureRecognizer()
+                  ..onTap = () => context.push(
+                    RoutePaths.agreement,
+                    extra: {"title": "Terms of Service", "url": "https://support.curain.ai/privacy/derma/terms_service.html"},
+                  ),
+              ),
+              TextSpan(text: " & "),
+              TextSpan(
+                text: "Privacy Policy",
+                style: TextStyle(color: Theme.of(context).primaryColor),
+                recognizer: TapGestureRecognizer()
+                  ..onTap = () => context.push(
+                    RoutePaths.agreement,
+                    extra: {"title": "Privacy", "url": "https://support.curain.ai/privacy/derma/privacy_policy.html"},
+                  ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/page/system/login/widget/widget.dart

@@ -0,0 +1,166 @@
+import 'package:flutter/material.dart';
+
+///登陆Box
+class LogoBox extends StatelessWidget {
+  const LogoBox({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.only(bottom: 40),
+      child: Column(
+        children: [
+          Image.asset(
+            "assets/image/logo.png",
+            width: 43,
+          ),
+          Text(
+            "FoodCura",
+            style: Theme.of(context).textTheme.titleSmall,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+///头部文案
+class PageHeader extends StatelessWidget {
+  const PageHeader({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.only(bottom: 30),
+      child: Column(
+        children: [
+          Text(
+            "Create an account",
+            style: TextStyle(fontWeight: FontWeight.w700),
+          ),
+          Text(
+            "Enter your email to sign up for this app",
+            style: Theme.of(context).textTheme.bodySmall,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+///输入框
+class InputBox extends StatelessWidget {
+  final bool obscureText;
+  final String hintText;
+  final TextEditingController controller;
+  final Widget? suffix;
+
+  const InputBox({
+    super.key,
+    this.obscureText = false,
+    required this.hintText,
+    required this.controller,
+    this.suffix,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    //边框
+    var inputBorder = OutlineInputBorder(
+      borderRadius: BorderRadius.circular(10),
+      borderSide: BorderSide(
+        color: Theme.of(context).colorScheme.surfaceContainer,
+      ),
+    );
+    return TextField(
+      controller: controller,
+      maxLength: 100,
+      obscureText: obscureText,
+      style: Theme.of(context).textTheme.bodyMedium,
+      decoration: InputDecoration(
+        hintText: hintText,
+        hintStyle: Theme.of(context).textTheme.labelMedium,
+        counterText: '',
+        border: inputBorder,
+        enabledBorder: inputBorder,
+        suffix: suffix,
+        suffixIconConstraints: BoxConstraints(
+          minWidth: 0,
+          minHeight: 0,
+        ),
+      ),
+    );
+  }
+}
+
+///分割线
+class LoginDivider extends StatelessWidget {
+  const LoginDivider({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.only(top: 20, bottom: 20),
+      child: Row(
+        spacing: 8,
+        children: [
+          Expanded(
+            child: Container(
+              height: 1,
+              color: Theme.of(context).colorScheme.surfaceContainer,
+            ),
+          ),
+          Text(
+            "or",
+            style: Theme.of(context).textTheme.labelMedium,
+          ),
+          Expanded(
+            child: Container(
+              height: 1,
+              color: Theme.of(context).colorScheme.surfaceContainer,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+///其他登陆按钮
+class OtherButton extends StatelessWidget {
+  final Function() onTap;
+  final String title;
+  final String icon;
+
+  const OtherButton({
+    super.key,
+    required this.onTap,
+    required this.title,
+    required this.icon,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTap,
+      child: Container(
+        padding: EdgeInsets.all(15),
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(10),
+          color: Theme.of(context).colorScheme.surfaceContainer,
+        ),
+        child: Row(
+          spacing: 10,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Image.asset(icon, width: 20),
+            Text(
+              title,
+              style: Theme.of(context).textTheme.bodySmall,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}