part of study_report;

class StudyReportPage extends StatefulWidget {
  const StudyReportPage({Key? key}) : super(key: key);

  @override
  State<StudyReportPage> createState() => _StudyReportPageState();
}

class _StudyReportPageState extends State<StudyReportPage> {


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: const Text('学习报告'),
      ),
      body: Container(
        margin: EdgeInsets.only(left: 10,top: 10,bottom: 10,right: 10),
        child: SingleChildScrollView(
          child: Column(
            children: [
              BuildCard(),
              // Container(
              //   // height: 210,
              //   // width: 355,
              //   // color: Colors.cyan,
              //   child: Image.asset(
              //     'assets/images/report_bg.png',
              //   ),
              // ),
              Gaps.vGaps10,
              Row(
                children: [
                  Expanded(
                    child: Column(
                      children: [
                        Container(
                          padding: EdgeInsets.only(left: 15,top: 15,bottom: 15),
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(8),
                            color: Colors.yellow,
                            boxShadow:  [
                              BoxShadow(
                                color: Colours.cC7.withOpacity(0.5),
                                offset: const Offset(1, 3),
                                blurRadius: 10,
                                spreadRadius: 0,
                              ),
                            ],
                          ),
                          height: 220,
                          child: Column(
                            children: [
                              Row(
                                children: [
                                  Container(
                                    width: 26,
                                    height: 26,
                                    color: Colors.cyan,
                                  ),
                                  Gaps.hGaps10,
                                  Text('笔记',style: TextStyle(fontSize: 16,height: 1.3,color: Colours.c3,fontWeight: Fonts.medium),)

                                ],
                              )
                            ],
                          ),
                        ),
                        Gaps.vGaps10,
                        Container(
                          padding: EdgeInsets.only(left: 15,top: 15,bottom: 15),
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(8),
                            color: Colors.red,
                            boxShadow:  [
                              BoxShadow(
                                color: Colours.cC7.withOpacity(0.5),
                                offset: const Offset(1, 3),
                                blurRadius: 10,
                                spreadRadius: 0,
                              ),
                            ],
                          ),
                          height: 110,
                          child: Column(
                            children: [
                              Row(
                                children: [
                                  Container(
                                    width: 26,
                                    height: 26,
                                    color: Colors.cyan,
                                  ),
                                  Gaps.hGaps10,
                                  Text('距离连续学习',style: TextStyle(fontSize: 16,height: 1.3,color: Colours.c3,fontWeight: Fonts.medium),)

                                ],
                              )
                            ],
                          ),
                        )
                      ],
                    ),
                  ),
                  Gaps.hGaps10,
                  Expanded(
                    child: Container(// color: Colors.limeAccent,
                      child: Column(
                        children: [
                          Container(
                            padding: EdgeInsets.only(left: 15,top: 15,bottom: 15),
                            height: 165,
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(8),
                              color: Colors.cyan,
                              boxShadow:  [
                                BoxShadow(
                                  color: Colours.cC7.withOpacity(0.5),
                                  offset: const Offset(1, 3),
                                  blurRadius: 10,
                                  spreadRadius: 0,
                                ),
                              ],
                            ),
                            child: Column(
                              children: [
                                Row(
                                  children: [
                                    Container(
                                      width: 26,
                                      height: 26,
                                      color: Colors.cyan,
                                    ),
                                    Gaps.hGaps10,
                                    Text('知识测评',style: TextStyle(fontSize: 16,height: 1.3,color: Colours.c3,fontWeight: Fonts.medium),)

                                  ],
                                )
                              ],
                            ),
                          ),
                          Gaps.vGaps10,
                          Container(
                            padding: EdgeInsets.only(left: 15,top: 15,bottom: 15),
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(8),
                              color: Colors.green,
                              boxShadow:  [
                                BoxShadow(
                                  color: Colours.cC7.withOpacity(0.5),
                                  offset: const Offset(1, 3),
                                  blurRadius: 10,
                                  spreadRadius: 0,
                                ),
                              ],
                            ),
                            height: 165,
                            child: Column(
                              children: [
                                Row(
                                  children: [
                                    Container(
                                      width: 26,
                                      height: 26,
                                      color: Colors.cyan,
                                    ),
                                    Gaps.hGaps10,
                                    Text('讨论',style: TextStyle(fontSize: 16,height: 1.3,color: Colours.c3,fontWeight: Fonts.medium),)

                                  ],
                                )
                              ],
                            ),
                          )
                        ],
                      ),
                    ),
                  )
                ]
              )
            ],
          ),
        ),
      ),
    );
  }


}
