以APP滴答为原型,使用 vue + vuex 构建的一个任务管理的应用
发布于 3个月前 作者 catchme 586 次浏览 来自 分享

在研究了 vue2-elm 后,打算自己写一个 vue 项目,因为以前没有接触太多的移动端开发,就尝试动手了。 观察了一些手机端的 APP,觉得滴答是一款比较适合用来练手的项目,自己在写的时候,实现了主要的任务管理功能。 其中个人和搜索页面的布局,使用的是 vue2-elm 的布局 主要使用的也就是 vue + vuex ,UI则使用了 muse-ui ,数据存储使用的是localStorage

项目地址

https://github.com/catchonme/vue2-dida

项目运行


git clone https://github.com/catchonme/vue2-dida.git

cd vue2-dida

npm install

npm run dev

完成功能

  • [x] 添加任务
    • [x] 添加时间
    • [x] 添加优先级
  • [x] 任务详情
    • [x] 修改标题
    • [x] 修改内容
    • [x] 修改是否完成
    • [x] 修改时间
    • [x] 修改优先级
    • [x] 移动至其它清单
    • [x] 删除
  • [x] 显示当前清单内所有任务
    • [x] 显示/隐藏已完成
    • [x] 根据标题/时间/优先级排序
  • [x] 添加清单
  • [x] 清单管理
    • [x] 修改清单名称
    • [x] 删除清单,及清单以下所有任务
  • [x] 搜索任务
  • [x] 个人信息
    • [x] 登录/注册
      • [x] 修改用户名
      • [x] 修改密码
    • [x] 任务统计

部分截图 main.gif hideandsort.gif newfolder.gif movetofolder.gif search.gif calculate.gif

回到顶部