React+React-router+redux+redux

Memos

技术架构:本备忘录使用react+react-router+redux+less+ES6+webpack实现;

页面UI参照:TodoList官网实现;

在线演示地址:Damonare的备忘录;

功能说明 支持回车添加新事项; 支持删除事项(点击X符号); 支持状态转换具体包括: 新建事项->正在进行(点击checkbox选项) 正在进行->已完成(点击文字内容本身) 正在进行->新建事项(点击checkbox选项) 已完成->正在进行(点击文字本身) 支持判断输入空字符,过长字符(20个汉字以内); 支持搜索; 支持本地化存储; 支持状态的展开隐藏(点击标题) 兼容手机端(iPhone6及以上) 支持路由切换 待解决 搜索存在bug,搜索结果出现后进行操作会清空本地数据 添加路由,按事项状态分子页面展示;Done 全部事项添加的位置;Done 本地演示方法

# 安装依赖 npm install # 本地运行 npm run start # 导出文件到build文件夹 npm run build # 运行地址 localhost:8080 相关截图

PC端页面:

移动端页面:

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。