-
Notifications
You must be signed in to change notification settings - Fork 79
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #556 from Gracesa/master
- Loading branch information
Showing
1 changed file
with
24 additions
and
11 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,21 +1,34 @@ | ||
# WechatApp-TodoList | ||
# 程序清单小程序 | ||
|
||
一个基于微信小程序的任务清单。包括所有任务列表、未完成列表和已完成列表,可以标识为未完成和已完成。 | ||
## 名称: | ||
程序清单 | ||
|
||
## Demo | ||
## 二维码: | ||
![image](https://github.com/Gracesa/-picture-repository/blob/master/%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg) | ||
|
||
![](https://github.com/aisin/WechatApp-TodoList/blob/master/doc/screenshot.gif?raw=true) | ||
|
||
## 使用 | ||
## 创意说明: | ||
顾名思义,它是一种生活工具,帮助人们整理每天要完成的任务,不会忘记将要做的事还能回顾已经做过的事情。 | ||
小程序有三个页面,分别是任务清单,未完成清单和已完成清单。 | ||
因为没有添加数据库,所以只能暂存数据。 | ||
|
||
1. 克隆此项目到本地 | ||
|
||
2. 在微信开发工具中创建项目 | ||
## 小程序页面设计: | ||
小程序里的三个页面都是可滚动界面,数据是由js文件的数组提供,从主页面添加数据后显示至已完成任务表单。 | ||
已完成和未完成任务表单添加了样式用以显示单击之后将未完成界面的任务划掉,在该页面隐藏后会自动显示在已完成界面,用户也可以根据需要恢复。 | ||
每项任务后面有删除样式,可供用户删除任务。 | ||
|
||
3. 选择该项目目录 | ||
|
||
## 工具 | ||
## 小程序主要界面截图 | ||
### 主界面 | ||
![image](https://github.com/Gracesa/-picture-repository/blob/master/%E4%BB%BB%E5%8A%A1%E6%B8%85%E5%8D%95%E9%A6%96%E9%A1%B5.png) | ||
|
||
[官方开发文档](https://mp.weixin.qq.com/debug/wxadoc/dev/) | ||
### 未完成任务界面 | ||
![image](https://github.com/Gracesa/-picture-repository/blob/master/%E6%9C%AA%E5%AE%8C%E6%88%90%E4%BB%BB%E5%8A%A1%E7%95%8C%E9%9D%A21.png) | ||
|
||
### 已完成任务界面 | ||
![image](https://github.com/Gracesa/-picture-repository/blob/master/%E5%B7%B2%E5%AE%8C%E6%88%90%E4%BB%BB%E5%8A%A1%E7%95%8C%E9%9D%A2.png) | ||
|
||
### 划掉部分未完成任务 | ||
![image](https://github.com/Gracesa/-picture-repository/blob/master/%E6%9C%AA%E5%AE%8C%E6%88%90%E4%BB%BB%E5%8A%A1%E7%95%8C%E9%9D%A22.png) | ||
|
||
[开发工具下载](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html) |