mirrors/pilipala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mod: 样式、代码优化

Browse Source
This commit is contained in:
guozhigq
2023-04-21 23:32:24 +08:00
parent ebbb0b86a2
commit d668da67b9
4 changed files with 214 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
lib/common/widgets/video_card_h.dart
View File

@ -15,79 +15,147 @@ class VideoCardH extends StatelessWidget {
Widget build(BuildContext context) {
int aid = videoItem.aid;
String heroTag = Utils.makeHeroTag(aid);
return Material(
child: Ink(
child: InkWell(
onTap: () async {
await Future.delayed(const Duration(milliseconds: 200));
Get.toNamed('/video?aid=$aid',
arguments: {'videoItem': videoItem, 'heroTag': heroTag});
},
child: Container(
return InkWell(
onTap: () async {
await Future.delayed(const Duration(milliseconds: 200));
Get.toNamed('/video?aid=$aid',
arguments: {'videoItem': videoItem, 'heroTag': heroTag});
},
child: Column(
children: [
Padding(
padding: const EdgeInsets.fromLTRB(
StyleString.cardSpace, 5, StyleString.cardSpace, 5),
child: LayoutBuilder(builder: (context, boxConstraints) {
double width =
(boxConstraints.maxWidth - StyleString.cardSpace * 6) / 2;
return SizedBox(
height: width / StyleString.aspectRatio,
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AspectRatio(
aspectRatio: StyleString.aspectRatio,
// child: ClipRRect(
// borderRadius: StyleString.mdRadius,
child: LayoutBuilder(
builder: (context, boxConstraints) {
double maxWidth = boxConstraints.maxWidth;
double maxHeight = boxConstraints.maxHeight;
double PR = MediaQuery.of(context).devicePixelRatio;
return Stack(
children: [
Hero(
tag: heroTag,
child: NetworkImgLayer(
// src: videoItem['pic'] +
// '@${(maxWidth * 2).toInt()}w',
src: videoItem.pic + '@.webp',
width: maxWidth,
height: maxHeight,
),
),
// Image.network( videoItem['pic'], width: double.infinity, height: double.infinity,),
Positioned(
right: 4,
bottom: 4,
child: Container(
padding: const EdgeInsets.symmetric(
vertical: 1, horizontal: 6),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
color: Colors.black54.withOpacity(0.4)),
child: Text(
Utils.timeFormat(videoItem.duration!),
style: const TextStyle(
fontSize: 11, color: Colors.white),
StyleString.cardSpace, 7, StyleString.cardSpace, 7),
child: LayoutBuilder(
builder: (context, boxConstraints) {
double width =
(boxConstraints.maxWidth - StyleString.cardSpace * 6) / 2;
return SizedBox(
height: width / StyleString.aspectRatio,
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AspectRatio(
aspectRatio: StyleString.aspectRatio,
child: LayoutBuilder(
builder: (context, boxConstraints) {
double maxWidth = boxConstraints.maxWidth;
double maxHeight = boxConstraints.maxHeight;
double PR = MediaQuery.of(context).devicePixelRatio;
return Stack(
children: [
Hero(
tag: heroTag,
child: NetworkImgLayer(
// src: videoItem['pic'] +
// '@${(maxWidth * 2).toInt()}w',
src: videoItem.pic + '@.webp',
width: maxWidth,
height: maxHeight,
),
),
)
],
);
},
// Image.network( videoItem['pic'], width: double.infinity, height: double.infinity,),
Positioned(
right: 4,
bottom: 4,
child: Container(
padding: const EdgeInsets.symmetric(
vertical: 1, horizontal: 6),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
color: Colors.black54.withOpacity(0.4)),
child: Text(
Utils.timeFormat(videoItem.duration!),
style: const TextStyle(
fontSize: 11, color: Colors.white),
),
),
)
],
);
},
),
),
// ),
),
VideoContent(videoItem: videoItem)
],
),
);
}),
// height: 124,
VideoContent(videoItem: videoItem)
],
),
);
},
),
),
),
Divider(
height: 1,
indent: 8,
endIndent: 12,
color: Theme.of(context).dividerColor.withOpacity(0.08),
)
],
),
// Container(
// padding: const EdgeInsets.fromLTRB(
// StyleString.cardSpace, 5, StyleString.cardSpace, 5),
// child: LayoutBuilder(
// builder: (context, boxConstraints) {
// double width =
// (boxConstraints.maxWidth - StyleString.cardSpace * 6) / 2;
// return SizedBox(
// height: width / StyleString.aspectRatio,
// child: Row(
// mainAxisAlignment: MainAxisAlignment.start,
// crossAxisAlignment: CrossAxisAlignment.start,
// children: [
// AspectRatio(
// aspectRatio: StyleString.aspectRatio,
// // child: ClipRRect(
// // borderRadius: StyleString.mdRadius,
// child: LayoutBuilder(
// builder: (context, boxConstraints) {
// double maxWidth = boxConstraints.maxWidth;
// double maxHeight = boxConstraints.maxHeight;
// double PR = MediaQuery.of(context).devicePixelRatio;
// return Stack(
// children: [
// Hero(
// tag: heroTag,
// child: NetworkImgLayer(
// // src: videoItem['pic'] +
// // '@${(maxWidth * 2).toInt()}w',
// src: videoItem.pic + '@.webp',
// width: maxWidth,
// height: maxHeight,
// ),
// ),
// // Image.network( videoItem['pic'], width: double.infinity, height: double.infinity,),
// Positioned(
// right: 4,
// bottom: 4,
// child: Container(
// padding: const EdgeInsets.symmetric(
// vertical: 1, horizontal: 6),
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(4),
// color: Colors.black54.withOpacity(0.4)),
// child: Text(
// Utils.timeFormat(videoItem.duration!),
// style: const TextStyle(
// fontSize: 11, color: Colors.white),
// ),
// ),
// )
// ],
// );
// },
// ),
// // ),
// ),
// VideoContent(videoItem: videoItem)
// ],
// ),
// );
// },
// ),
// ),
);
}
}