mod: 样式修改

This commit is contained in:
guozhigq
2023-07-16 20:33:32 +08:00
parent eb3017faf4
commit 2097b498fb
7 changed files with 41 additions and 32 deletions

View File

@ -17,7 +17,8 @@ class StatDanMu extends StatelessWidget {
return Row( return Row(
children: [ children: [
Icon( Icon(
CupertinoIcons.ellipses_bubble, // CupertinoIcons.ellipses_bubble,
Icons.subtitles_outlined,
size: 14, size: 14,
color: color, color: color,
), ),

View File

@ -17,7 +17,8 @@ class StatView extends StatelessWidget {
return Row( return Row(
children: [ children: [
Icon( Icon(
CupertinoIcons.play_rectangle, // CupertinoIcons.play_rectangle,
Icons.play_circle_outlined,
size: 13, size: 13,
color: color, color: color,
), ),

View File

@ -3,6 +3,7 @@ import 'package:get/get.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:pilipala/common/constants.dart'; import 'package:pilipala/common/constants.dart';
import 'package:pilipala/common/widgets/badge.dart'; import 'package:pilipala/common/widgets/badge.dart';
import 'package:pilipala/common/widgets/stat/danmu.dart';
import 'package:pilipala/common/widgets/stat/view.dart'; import 'package:pilipala/common/widgets/stat/view.dart';
import 'package:pilipala/http/search.dart'; import 'package:pilipala/http/search.dart';
import 'package:pilipala/utils/utils.dart'; import 'package:pilipala/utils/utils.dart';
@ -53,7 +54,7 @@ class VideoCardH extends StatelessWidget {
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.fromLTRB( padding: const EdgeInsets.fromLTRB(
StyleString.cardSpace, 7, StyleString.cardSpace, 7), StyleString.safeSpace, 6, StyleString.safeSpace, 6),
child: LayoutBuilder( child: LayoutBuilder(
builder: (context, boxConstraints) { builder: (context, boxConstraints) {
double width = double width =
@ -125,7 +126,7 @@ class VideoContent extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Expanded( return Expanded(
child: Padding( child: Padding(
padding: const EdgeInsets.fromLTRB(10, 2, 6, 0), padding: const EdgeInsets.fromLTRB(10, 4, 6, 2),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
@ -191,6 +192,7 @@ class VideoContent extends StatelessWidget {
), ),
], ],
), ),
const SizedBox(height: 3),
Row( Row(
children: [ children: [
StatView( StatView(
@ -198,12 +200,16 @@ class VideoContent extends StatelessWidget {
view: videoItem.stat.view, view: videoItem.stat.view,
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
Text( StatDanMu(
Utils.dateFormat(videoItem.pubdate!), theme: 'gray',
style: TextStyle( danmu: videoItem.stat.danmaku,
fontSize: 11, ),
color: Theme.of(context).colorScheme.outline), // Text(
) // Utils.dateFormat(videoItem.pubdate!),
// style: TextStyle(
// fontSize: 11,
// color: Theme.of(context).colorScheme.outline),
// )
], ],
), ),
], ],

View File

@ -27,9 +27,9 @@ class VideoCardV extends StatelessWidget {
return Card( return Card(
elevation: 0, elevation: 0,
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
// shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
// borderRadius: StyleString.mdRadius, borderRadius: StyleString.mdRadius,
// ), ),
margin: EdgeInsets.zero, margin: EdgeInsets.zero,
child: GestureDetector( child: GestureDetector(
onLongPress: () { onLongPress: () {
@ -52,6 +52,7 @@ class VideoCardV extends StatelessWidget {
child: Column( child: Column(
children: [ children: [
Container( Container(
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration( decoration: const BoxDecoration(
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(
topLeft: StyleString.imgRadius, topLeft: StyleString.imgRadius,
@ -78,20 +79,20 @@ class VideoCardV extends StatelessWidget {
height: maxHeight, height: maxHeight,
), ),
), ),
// Positioned( Positioned(
// left: 0, left: 0,
// right: 0, right: 0,
// bottom: 0, bottom: 0,
// child: AnimatedOpacity( child: AnimatedOpacity(
// opacity: 1, opacity: 1,
// duration: const Duration(milliseconds: 200), duration: const Duration(milliseconds: 200),
// child: VideoStat( child: VideoStat(
// view: videoItem.stat.view, view: videoItem.stat.view,
// danmaku: videoItem.stat.danmaku, danmaku: videoItem.stat.danmaku,
// duration: videoItem.duration, duration: videoItem.duration,
// ), ),
// ), ),
// ), ),
], ],
); );
}), }),
@ -114,7 +115,7 @@ class VideoContent extends StatelessWidget {
return Expanded( return Expanded(
child: Padding( child: Padding(
// 多列 // 多列
padding: const EdgeInsets.fromLTRB(4, 6, 6, 7), padding: const EdgeInsets.fromLTRB(4, 5, 6, 8),
// 单列 // 单列
// padding: const EdgeInsets.fromLTRB(14, 10, 4, 8), // padding: const EdgeInsets.fromLTRB(14, 10, 4, 8),
child: Column( child: Column(
@ -220,7 +221,7 @@ class VideoStat extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
height: 45, height: 45,
padding: const EdgeInsets.only(top: 22, left: 8, right: 8), padding: const EdgeInsets.only(top: 22, left: 8, right: 10),
decoration: const BoxDecoration( decoration: const BoxDecoration(
gradient: LinearGradient( gradient: LinearGradient(
begin: Alignment.topCenter, begin: Alignment.topCenter,

View File

@ -99,7 +99,7 @@ class _LivePageState extends State<LivePage> {
// 行间距 // 行间距
mainAxisSpacing: StyleString.cardSpace + 2, mainAxisSpacing: StyleString.cardSpace + 2,
// 列间距 // 列间距
crossAxisSpacing: StyleString.cardSpace, crossAxisSpacing: StyleString.cardSpace + 2,
// 列数 // 列数
crossAxisCount: ctr.crossAxisCount, crossAxisCount: ctr.crossAxisCount,
mainAxisExtent: mainAxisExtent:

View File

@ -92,7 +92,7 @@ class LiveContent extends StatelessWidget {
return Expanded( return Expanded(
child: Padding( child: Padding(
// 多列 // 多列
padding: const EdgeInsets.fromLTRB(4, 6, 6, 4), padding: const EdgeInsets.fromLTRB(4, 5, 6, 4),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [

View File

@ -101,7 +101,7 @@ class _RcmdPageState extends State<RcmdPage>
// 行间距 // 行间距
mainAxisSpacing: StyleString.cardSpace + 2, mainAxisSpacing: StyleString.cardSpace + 2,
// 列间距 // 列间距
crossAxisSpacing: StyleString.cardSpace, crossAxisSpacing: StyleString.cardSpace + 2,
// 列数 // 列数
crossAxisCount: ctr.crossAxisCount, crossAxisCount: ctr.crossAxisCount,
mainAxisExtent: mainAxisExtent: