feat:更新颜色模块
This commit is contained in:
@@ -3,7 +3,7 @@ import 'package:flisp_app/widgets/common.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
|
||||
Widget buildFlispStatsCard(List<Flisp> flisps) {
|
||||
Widget buildFlispStatsCard(BuildContext context, List<Flisp> flisps) {
|
||||
int totalCount = flisps.length;
|
||||
|
||||
int lifeCount = flisps.where((flisp) => flisp.tag == FlispTag.life).length;
|
||||
@@ -15,16 +15,16 @@ Widget buildFlispStatsCard(List<Flisp> flisps) {
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
_buildStatItem('总计', totalCount, Colors.orange),
|
||||
_buildStatItem('生活', lifeCount, FlispTag.life.color),
|
||||
_buildStatItem('工作', workCount, FlispTag.work.color),
|
||||
_buildStatItem('学习', studyCount, FlispTag.study.color),
|
||||
_buildStatItem(context, '总计', totalCount),
|
||||
_buildStatItem(context, '生活', lifeCount),
|
||||
_buildStatItem(context, '工作', workCount),
|
||||
_buildStatItem(context, '学习', studyCount),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildStatItem(String label, int count, Color color) {
|
||||
Widget _buildStatItem(BuildContext context, String label, int count) {
|
||||
return Column(
|
||||
children: [
|
||||
Text(
|
||||
@@ -32,7 +32,7 @@ Widget _buildStatItem(String label, int count, Color color) {
|
||||
style: TextStyle(
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: color,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
@@ -209,13 +209,15 @@ Widget _buildFlispVideo(Flisp flisp) {
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildFlispTag(Flisp flisp) {
|
||||
Widget buildFlispTag(BuildContext context, Flisp flisp) {
|
||||
final colors = Theme.of(context).colorScheme;
|
||||
|
||||
return Container(
|
||||
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||||
decoration: BoxDecoration(
|
||||
color: flisp.tag.color.withAlpha(30),
|
||||
color: colors.secondaryContainer,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: flisp.tag.color.withAlpha(60)),
|
||||
// border: Border.all(color: flisp.tag.color.withAlpha(60)),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
@@ -224,7 +226,7 @@ Widget buildFlispTag(Flisp flisp) {
|
||||
width: 14,
|
||||
height: 14,
|
||||
decoration: BoxDecoration(
|
||||
color: flisp.tag.color,
|
||||
color: colors.secondary,
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(flisp.tag.icon, size: 8, color: Colors.white),
|
||||
@@ -234,7 +236,7 @@ Widget buildFlispTag(Flisp flisp) {
|
||||
flisp.tag.label,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: flisp.tag.color,
|
||||
color: colors.secondary,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
@@ -250,9 +252,13 @@ Widget buildFlispTime(Flisp flisp) {
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildFlispSuffix(Flisp flisp) {
|
||||
Widget _buildFlispSuffix(BuildContext context, Flisp flisp) {
|
||||
return Row(
|
||||
children: [buildFlispTag(flisp), const Spacer(), buildFlispTime(flisp)],
|
||||
children: [
|
||||
buildFlispTag(context, flisp),
|
||||
const Spacer(),
|
||||
buildFlispTime(flisp),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
@@ -281,7 +287,7 @@ Widget _buildFlispItem({
|
||||
const SizedBox(height: 4),
|
||||
if (hasVideo) _buildFlispVideo(flisp),
|
||||
const SizedBox(height: 4),
|
||||
_buildFlispSuffix(flisp),
|
||||
_buildFlispSuffix(context, flisp),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user