liangchengyou / wow_english

  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 '../../../models/course_section_entity.dart';
  import '../../../models/course_unit_entity.dart';

  import '../courese_module_model.dart';

  ///环节item布局
  class SectionItem extends StatelessWidget {
    const SectionItem({super.key, this.lessons, this.courseModuleId});

    final String? courseModuleId;

    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: CourseModuleModel(courseModuleId ?? 'Phase-1').color,
                  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,
          // ),

        ),
      );
    }
  }