TodoList
手机样式引用sui mobile
头部-标题栏
使用sui快速布局
内容区-卡片
todo的列表内容,外侧包裹一个content类名,不然会挤到上部;
查找按钮类名添加,样式button button-success button-fill
将时间戳存储本地,取出后使用过滤器将时间格式化,显示在页面上
list
1.寻找关键数据
这里我们使用了对象的格式,需要有key,
点击V按钮是否显示:有没有完成和这条todo有关系,所以定义在对象里面
2.将关键数据与视图建立联系
添加:class类,控制样式 (:class与后面的class不冲突) 这里写的是对象的格式
3.通过控制数据来控制视图效果
通过点击改变isFinished的布尔值,因为要存储本地,所以写了一个finishTodo方法,完成改变
删除按钮
1.寻找关键数据
点击按钮删除这条数据-->写一个方法,这里需要
1