section_item.dart
2.87 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/common/widgets/ow_image_widget.dart';
import '../../../common/core/module_cache.dart';
import '../../../models/course_section_entity.dart';
///环节item布局
class SectionItem extends StatelessWidget {
const SectionItem({super.key, this.lessons});
final CourseSectionEntity? lessons;
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.symmetric(horizontal: 12.w,vertical: 24.h),
child: Stack(
children: [
_normalItem(),
_lockWidget(),
],
)
);
}
Widget _normalItem() {
return Container(
width: 165.w,
padding: EdgeInsets.symmetric(horizontal: 16.w,vertical: 24.h),
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('gendubeij'.assetPng),
fit: BoxFit.fill
),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
child: Container(
decoration: BoxDecoration(
border: Border.all(
width: 2,
color: const Color(0xFF140C10),
),
borderRadius: BorderRadius.circular(6)
),
child: OwImageWidget(
name: lessons?.coverUrl??'',
fit: BoxFit.fitHeight,
),
)
),
24.verticalSpace,
Container(
decoration: BoxDecoration(
border: Border.all(
width: 2,
color: const Color(0xFF140C10),
),
color: ModuleCache.instance.getCurrentThemeColor(),
borderRadius: BorderRadius.circular(6)
),
padding: EdgeInsets.symmetric(horizontal: 10.w),
child: Text(
lessons?.name??'',
maxLines: 1,
style: TextStyle(
fontSize: 25.sp,
color: const Color(0xFF333333)
),
),
)
],
),
);
}
///锁定状态下蒙层视图
Widget _lockWidget() {
return Visibility(
visible: lessons?.lock ?? false,
child: Container(
width: 165.w,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(
'gendubeij_mengban'.assetPng
),
fit: BoxFit.fill
)
),
alignment: Alignment.center,
// child: Image.asset(
// 'iv_lock'.assetPng,
// height: 36.h,
// width: 41.w,
// ),
),
);
}
}