首先，自定义组件有代码的可复用性、ui分离、后续版本演进的效果。也就是三大特点：可组合，可复用，数据驱动UI更新而他的基本结构，是基于struct实现，基本语法是：struct+自定义组件名+{……}，不能有继承关系。@Component：@Component装饰器仅能装饰struct关键字声明的数据结构build()函数：build()函数用于定义自定义组件的声明式UI描述，自定义组件必须定义b

定义Task类，用于存放序列号、名称、选中状态。classTaskstaticidnumber1namestring任务${Taskid++finishedbooleanfalse定义以下三个变量，totalTask为任务总量、finishTask为已完成任务量、Task为任务数组。//任务总量@StatetotalTasknumber0//以完成的任务数量@StatefinishTasknumb

第一个项目对于基本组件的使用还是比较全面的，所以通过这个项目可以较为清楚的使用这5个基础组件。附上效果图供参考笔者也是初学者，如有差错，望前辈指正。

设置一个isBegin 的默认值为False布尔变量，并且写一个小鱼图片地址的变量来处理转向的另一张图，再写小鱼的坐标变量。if判断，进而展示开始游戏按钮，然后游戏开始，就会显示小鱼图片以及操作按钮。在小鱼图片属性下使用animation添加动画播放时长500ms，然后对左箭头的方向设置镜像图片。右箭头设置正常图片。要让鱼向左，那就用水平移动，向左变小，向右变大。要让鱼向右，那就用水平移动，向左变

由于本次制作页面对笔者来说挑战难度稍大。于是，笔者的思路/代码会混杂，望前辈指正修改！