111
This commit is contained in:
@@ -3,30 +3,30 @@ import '../../core/theme/app_color_scheme.dart';
|
||||
import '../../core/theme/app_spacing.dart';
|
||||
import '../../core/theme/app_theme_extension.dart';
|
||||
|
||||
/// NeonGlow - 霓虹光效组件
|
||||
/// NeonGlow - 霓虹光效組件
|
||||
///
|
||||
/// Material Design 3 风格的霓虹光效
|
||||
/// 用于按钮、卡片、图标等需要突出显示的元素
|
||||
/// Material Design 3 風格的霓虹光效
|
||||
/// 用於按鈕、卡片、圖標等需要突出顯示的元素
|
||||
///
|
||||
/// 光效类型:
|
||||
/// 光效類型:
|
||||
/// - Primary: 青色光效 (#72dcff)
|
||||
/// - Secondary: 紫色光效 (#dd8bfb)
|
||||
/// - Tertiary: 绿色光效 (#afffd1)
|
||||
/// - Error: 红色光效 (#ff716c)
|
||||
/// - Tertiary: 綠色光效 (#afffd1)
|
||||
/// - Error: 紅色光效 (#ff716c)
|
||||
class NeonGlow extends StatelessWidget {
|
||||
/// 子组件
|
||||
/// 子組件
|
||||
final Widget child;
|
||||
|
||||
/// 光效颜色
|
||||
/// 光效顏色
|
||||
final Color glowColor;
|
||||
|
||||
/// 模糊半径,默认 15.0
|
||||
/// 模糊半徑,默認 15.0
|
||||
final double blurRadius;
|
||||
|
||||
/// 扩散半径,默认 0.0
|
||||
/// 擴散半徑,默認 0.0
|
||||
final double spreadRadius;
|
||||
|
||||
/// 圆角
|
||||
/// 圓角
|
||||
final BorderRadius? borderRadius;
|
||||
|
||||
const NeonGlow({
|
||||
@@ -70,7 +70,7 @@ class NeonGlow extends StatelessWidget {
|
||||
);
|
||||
}
|
||||
|
||||
/// Tertiary 霓虹光效 (绿色)
|
||||
/// Tertiary 霓虹光效 (綠色)
|
||||
factory NeonGlow.tertiary({
|
||||
Key? key,
|
||||
required Widget child,
|
||||
@@ -86,7 +86,7 @@ class NeonGlow extends StatelessWidget {
|
||||
);
|
||||
}
|
||||
|
||||
/// Error 霓虹光效 (红色)
|
||||
/// Error 霓虹光效 (紅色)
|
||||
factory NeonGlow.error({
|
||||
Key? key,
|
||||
required Widget child,
|
||||
@@ -122,32 +122,32 @@ class NeonGlow extends StatelessWidget {
|
||||
}
|
||||
}
|
||||
|
||||
/// NeonButton - 带霓虹光效的按钮
|
||||
/// NeonButton - 帶霓虹光效的按鈕
|
||||
///
|
||||
/// 预设了常用配置,简化使用
|
||||
/// 預設了常用配置,簡化使用
|
||||
class NeonButton extends StatefulWidget {
|
||||
/// 按钮文本
|
||||
/// 按鈕文本
|
||||
final String text;
|
||||
|
||||
/// 点击回调
|
||||
/// 點擊回調
|
||||
final VoidCallback? onPressed;
|
||||
|
||||
/// 按钮类型
|
||||
/// 按鈕類型
|
||||
final NeonButtonType type;
|
||||
|
||||
/// 是否显示光效
|
||||
/// 是否顯示光效
|
||||
final bool showGlow;
|
||||
|
||||
/// 图标
|
||||
/// 圖標
|
||||
final IconData? icon;
|
||||
|
||||
/// 是否加载中
|
||||
/// 是否加載中
|
||||
final bool isLoading;
|
||||
|
||||
/// 按钮宽度
|
||||
/// 按鈕寬度
|
||||
final double? width;
|
||||
|
||||
/// 按钮高度,默认 48
|
||||
/// 按鈕高度,默認 48
|
||||
final double height;
|
||||
|
||||
const NeonButton({
|
||||
@@ -258,7 +258,7 @@ class _NeonButtonState extends State<NeonButton>
|
||||
}
|
||||
|
||||
LinearGradient? get _gradient {
|
||||
// 【优化】移除所有渐变效果,改为纯色背景,提升专业金融感
|
||||
// 【優化】移除所有漸變效果,改為純色背景,提升專業金融感
|
||||
return null;
|
||||
}
|
||||
|
||||
@@ -335,39 +335,39 @@ class _NeonButtonState extends State<NeonButton>
|
||||
}
|
||||
}
|
||||
|
||||
/// 按钮类型
|
||||
/// 按鈕類型
|
||||
enum NeonButtonType {
|
||||
/// 主要按钮 (青色)
|
||||
/// 主要按鈕 (青色)
|
||||
primary,
|
||||
|
||||
/// 次要按钮 (紫色)
|
||||
/// 次要按鈕 (紫色)
|
||||
secondary,
|
||||
|
||||
/// 成功按钮 (绿色)
|
||||
/// 成功按鈕 (綠色)
|
||||
tertiary,
|
||||
|
||||
/// 危险按钮 (红色)
|
||||
/// 危險按鈕 (紅色)
|
||||
error,
|
||||
|
||||
/// 边框按钮
|
||||
/// 邊框按鈕
|
||||
outline,
|
||||
}
|
||||
|
||||
/// NeonIcon - 带霓虹光效的图标
|
||||
/// NeonIcon - 帶霓虹光效的圖標
|
||||
class NeonIcon extends StatelessWidget {
|
||||
/// 图标
|
||||
/// 圖標
|
||||
final IconData icon;
|
||||
|
||||
/// 图标大小
|
||||
/// 圖標大小
|
||||
final double size;
|
||||
|
||||
/// 图标颜色
|
||||
/// 圖標顏色
|
||||
final Color color;
|
||||
|
||||
/// 光效颜色,默认使用图标颜色
|
||||
/// 光效顏色,默認使用圖標顏色
|
||||
final Color? glowColor;
|
||||
|
||||
/// 光效模糊半径
|
||||
/// 光效模糊半徑
|
||||
final double glowBlur;
|
||||
|
||||
const NeonIcon({
|
||||
|
||||
Reference in New Issue
Block a user