opt: bangumi layout

This commit is contained in:
guozhigq
2024-10-27 16:15:50 +08:00
parent 16a8cc8d68
commit f21ad55f50
3 changed files with 101 additions and 123 deletions

View File

@ -430,7 +430,7 @@ class EpisodeGridItem extends StatelessWidget {
decoration: BoxDecoration( decoration: BoxDecoration(
color: isCurrentIndex color: isCurrentIndex
? colorScheme.primaryContainer.withOpacity(0.6) ? colorScheme.primaryContainer.withOpacity(0.6)
: colorScheme.secondaryContainer.withOpacity(0.4), : colorScheme.onInverseSurface.withOpacity(0.6),
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
border: Border.all( border: Border.all(
color: isCurrentIndex color: isCurrentIndex

View File

@ -239,22 +239,26 @@ class _BangumiInfoState extends State<BangumiInfo> {
Expanded( Expanded(
child: InkWell( child: InkWell(
onTap: () => showIntroDetail(), onTap: () => showIntroDetail(),
borderRadius: BorderRadius.circular(8),
child: SizedBox( child: SizedBox(
height: 115 / 0.75, height: 115 / 0.75,
child: Padding(
padding: const EdgeInsets.fromLTRB(6, 4, 6, 6),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
Row( Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
Expanded( Expanded(
child: Text( child: Text(
widget.bangumiDetail!.title!, widget.bangumiDetail!.title!,
style: const TextStyle( style: const TextStyle(
fontSize: 16, fontSize: 18,
fontWeight: FontWeight.w500, fontWeight: FontWeight.bold,
), ),
maxLines: 1, maxLines: 2,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
), ),
), ),
@ -268,6 +272,7 @@ class _BangumiInfoState extends State<BangumiInfo> {
), ),
], ],
), ),
const SizedBox(height: 4),
Row( Row(
children: [ children: [
StatView( StatView(
@ -281,42 +286,13 @@ class _BangumiInfoState extends State<BangumiInfo> {
), ),
], ],
), ),
const SizedBox(height: 6), const SizedBox(height: 10),
Row(
children: [
Text(
(widget.bangumiDetail!.areas!.isNotEmpty
? widget.bangumiDetail!.areas!.first['name']
: ''),
style: TextStyle(
fontSize: 12,
color: t.colorScheme.outline,
),
),
const SizedBox(width: 6),
Text(
widget.bangumiDetail!.publish!['pub_time_show'],
style: TextStyle(
fontSize: 12,
color: t.colorScheme.outline,
),
),
],
),
Text(
widget.bangumiDetail!.newEp!['desc'],
style: TextStyle(
fontSize: 12,
color: t.colorScheme.outline,
),
),
const Spacer(),
Text( Text(
'简介:${widget.bangumiDetail!.evaluate!}', '简介:${widget.bangumiDetail!.evaluate!}',
maxLines: 3, maxLines: 3,
overflow: TextOverflow.ellipsis, overflow: TextOverflow.ellipsis,
style: TextStyle( style: TextStyle(
fontSize: 13, fontSize: 14,
color: t.colorScheme.outline, color: t.colorScheme.outline,
), ),
), ),
@ -325,6 +301,7 @@ class _BangumiInfoState extends State<BangumiInfo> {
), ),
), ),
), ),
),
], ],
), ),
const SizedBox(height: 6), const SizedBox(height: 6),

View File

@ -175,11 +175,13 @@ class _BangumiPanelState extends State<BangumiPanel> {
return Container( return Container(
width: 150, width: 150,
margin: const EdgeInsets.only(right: 10), margin: const EdgeInsets.only(right: 10),
child: Material( clipBehavior: Clip.antiAlias,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.onInverseSurface, color: Theme.of(context).colorScheme.onInverseSurface,
borderRadius: BorderRadius.circular(6), borderRadius: BorderRadius.circular(8),
clipBehavior: Clip.hardEdge, ),
child: InkWell( child: InkWell(
borderRadius: BorderRadius.circular(8),
onTap: () => changeFucCall(page, i), onTap: () => changeFucCall(page, i),
child: Padding( child: Padding(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
@ -230,7 +232,6 @@ class _BangumiPanelState extends State<BangumiPanel> {
), ),
), ),
), ),
),
); );
}, },
), ),