A notepad app based on phonegap.
Java Objective-C C++ C# JavaScript CSS Other
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
hooks 记事本基本功能实现 Aug 7, 2016
images add img Aug 10, 2016
platforms 记事本基本功能实现 Aug 7, 2016
plugins
www 记事本基本功能实现 Aug 7, 2016
CONTRIBUTING.md 记事本基本功能实现 Aug 7, 2016
COPYRIGHT 记事本基本功能实现 Aug 7, 2016
LICENSE 记事本基本功能实现 Aug 7, 2016
NOTICE 记事本基本功能实现 Aug 7, 2016
README.md
config.xml 记事本基本功能实现 Aug 7, 2016
index.png add img Aug 10, 2016
package.json 记事本基本功能实现 Aug 7, 2016

README.md

一个基于PhoneGap的记事本app

学前端不久,想做一个简单的应用,就很自然选择了记事本。

这是一个基于PhoneGap框架的记事本hybrid app,用html,css,javascript(和jquery)语言实现了记事本基本的功能。

应用的初始界面如下(手机测试截图):

index

首页呈现所有的记事标签的标题和时间。
点击新建按钮,进入新建标签页面,点击编辑按钮进入批量删除标签页面,点击标签进入该标签的编辑页面。

在搜索框输入要搜索的内容,点击搜索图标,呈现搜索后的结果(请忽略最下方的录音按钮,还没实现该功能!

新建标签页面如下:

new

分别输入标题和内容,两者可以有一个为空但不能同时为空,点击完成按钮存储标签。

标签的编辑页面如下

edit

可以对标题和内容进行修改,点击完成按钮,完成对标签的修改。点击右下角新建小图标,进入新建标签页面。若点击左下角删除小图标,则会跳出如下弹框:

suredelete

点击确定,则该标签被删除。

批量删除标签页面如下

delete

点击标签,标签处于被选中状态,点删除按钮,跳出弹框,确认是否删除,若确认,则选中的标签被删除。

点击全选按钮, 全部的标签都处于被选中状态,如下图所示:

allselect

点击删除按钮,跳出弹框,确认是否删除,若确认,则所有的标签都会被删除。