刘贵学博客

Ant Design Mobile 渐进系列教程 5:Index主页面

1. 目标

略。

2. 原型

2.1 Index页面的组件

组件结构如下图:

包含三个组件:
* TodoAdd 添加待办事;
* TodoList 展示待办事列表;
* TodoItem 展示待办事项,属于 TodoList的子组件;

2.2 Index页面功能

需要完成的功能:

  1. 点击 TodoAdd可以添加待办事;
  2. 左滑动 TodoItem 可以删除待办事;
  3. 勾选 待办事可以 设置待办事状态为 已完成;

3. 实现