liangchengyou / wow_english

  import 'package:flutter/cupertino.dart';

  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_unit_entity.dart';
  

  ///课程（单元）item布局

  class CourseUnitItem extends StatelessWidget {
    const CourseUnitItem(
        {super.key, required this.unitEntity, required this.unitLesson});
  
    final CourseUnitEntity unitEntity;
    final CourseUnitDetail unitLesson;
  
    @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: unitLesson.coverUrl ?? '',
                    fit: BoxFit.fitHeight,
                  ),
                )),
            20.verticalSpace,
            SizedBox(
              height: 40.h,
              child: Text(
                unitLesson.name ?? '',
                maxLines: 2,
                overflow: TextOverflow.ellipsis,
                style:
                TextStyle(fontSize: 11.sp, color: const Color(0xFF140C10)),
              ),
            )
          ],
        ),
      );
    }
  
    ///锁定状态下蒙层视图
    Widget _lockWidget() {
      return Visibility(
        visible: unitLesson.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: 54.h,
            width: 61.5.w,

          ),
        ),
      );
    }
  }