feat(tsk_iRa5iBC4v7Tu): Flutter 客户端工程搭建(演示态)

基于 design/flutter/ 起步包在 client/ 下建立 Flutter 工程： - pubspec.yaml：flutter_svg / lucide_icons / google_fonts 依赖； SVG 资产注册；字体由 google_fonts 运行时加载，无需本地 ttf - lib/pangolin_theme.dart：完整设计令牌（色阶 / 间距 / 圆角 / 动效 / 文字阶），PangolinText 改用 GoogleFonts getter， PangolinTheme.light / .dark 开箱即用 - lib/main.dart：runApp + 明暗主题 + 登录 → 引导 → 主框架 RootFlow - lib/widgets/：全套组件雏形 pangolin_icons Lucide 图标映射 pangolin_button 胶囊按钮四态 country_code 国家码块 + 信号条 status_pill 色点胶囊 connect_button 核心连接键三态（off/connecting/on + 动画） server_tile 服务器列表行 plan_card 套餐卡（专业版渐变高亮） auth_screen 登录 / 注册（邮箱验证码 + 设密码） onboarding_screen 首次引导 PageView（3 屏可滑动 + 进度点） home_shell 底部 4 Tab（连接/节点/统计/账户 + 状态机） account_screens 套餐选择 / 设备管理 / 兑换 / 联系我们 pangolin_logo PangolinMark / BrandLockup / AppIcon（SVG） - assets/：logo-mark / logo-mark-white / logo-wordmark / app-icon（SVG） - android/：Kotlin 主 Activity + Manifest + Gradle 配置 - ios/：Runner.xcodeproj + xcscheme + Podfile + AppDelegate + storyboard 运行方式（cd client/）： flutter pub get && flutter run Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-13 02:15:42 +08:00
parent a642bf16a2
commit 526e7f2f33
50 changed files with 3103 additions and 0 deletions
@@ -0,0 +1,50 @@
+// server_tile.dart — 服务器列表行
+import 'package:flutter/material.dart';
+import '../pangolin_theme.dart';
+import 'country_code.dart';
+import 'pangolin_icons.dart';
+
+class ServerInfo {
+  const ServerInfo({required this.code, required this.name, required this.sub, required this.ping});
+  final String code, name, sub;
+  final int ping;
+}
+
+class ServerTile extends StatelessWidget {
+  const ServerTile({super.key, required this.server, this.active = false, this.onTap});
+  final ServerInfo server;
+  final bool active;
+  final VoidCallback? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    final c = context.pangolin;
+    return InkWell(
+      onTap: onTap,
+      child: Container(
+        color: active ? c.accentSubtle : Colors.transparent,
+        padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
+        child: Row(
+          children: [
+            CountryCode(code: server.code, active: active),
+            const SizedBox(width: 13),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(server.name, style: PangolinText.sm.copyWith(color: c.fg1, fontWeight: FontWeight.w600, fontSize: 15)),
+                  const SizedBox(height: 2),
+                  Text(server.sub, style: PangolinText.caption.copyWith(color: c.fg3, fontWeight: FontWeight.w400)),
+                ],
+              ),
+            ),
+            Text('${server.ping}ms', style: PangolinText.mono.copyWith(color: c.fg2, fontSize: 12)),
+            const SizedBox(width: 8),
+            SignalBars(ping: server.ping),
+            if (active) ...[const SizedBox(width: 10), Icon(PangolinIcons.check, size: 18, color: c.accent)],
+          ],
+        ),
+      ),
+    );
+  }
+}