todolist应该都比较熟悉
编辑器用的vs code
前端框架用的就是Vue,用了flex布局,还有element-ui组件
其中分为两个部分,子组件是todo的列表,父组件就是其他内容
功能介绍:
1.输入todo,显示一条todolist
2.点击checkbox,显示todo完成
3.单击×可以删除todo
4.点击下箭头可以全选或者反选
5.双击todo可以修改todo的名称
6.标签显示还有多少个未完成的todo
7.点击All显示全部,点击Active显示未完成的,点击Completed显示已完成
8.点击clear completed,清除所有已完成
文件已经上传,欢迎下载
效果图: