微信小程序的简单应用-Todolist

今天开始学微信小程序，做了一个简单的todolist小demo，先上效果图

wxml文件：

js文件：

wxss文件：

特别注意的时，微信小程序没有像vue那样可以双向数据绑定，它是通过 this.setData() 来把变量渲染到视图层，所以这里要特别注意它的使用

todolist使用方法：

有以下的三种方式新建任务

一、

1. 点击“+（new task）”

2. 点击菜单栏“new task”，选择红框中的合适的一个，也可以任选一个，然后通过拖动更改位置；

3. 通过快捷方式“ctrl + N”或“ctrl + alt + N”

同样的可以有三种方式新建子任务：

首先选中要建立子任务的任务，然后，

1. 点击“+（new subtask）”

2. 点击菜单栏“new task”，选择红框中的合适的一个，也可以任选一个，然后通过拖动更改位置；

3. 通过快捷方式“ctrl + shift + N”

建立“任务”或“子任务”后，可以设置其优先级（priority），完成程度（%complete），截止日期和时刻（due date，due time），是否重复（recurrence），颜色（color），状态（status）和分类（category），此外还可以添加标签（tags）和文件链接（file link），右侧框中可以添加标注（comments）

二、

任务树（task tree），在任务列表中可以拖动任务以更改排列，有复选框更改完成程度，其中已完成的任务字符灰色显示，并且有删除横线。

三、

列表模式（list view），该模式跟任务树（task tree）模式差不多，只是任务不可卷起与展开。

---