效率手账 - 微信小程序
【摘要】 一个简洁美观的效率打卡备忘录应用,包含三个核心功能。📱 功能介绍1. 📋 备忘录快速记录灵感、想法、待记事项支持分类标签(随笔、工作、灵感、生活、学习)搜索、编辑、删除功能长按备忘录可删除2. ✅ 习惯打卡每日习惯打卡,支持自定义习惯连续打卡天数统计(🔥 streak)今日打卡进度概览预设习惯:早起、运动、阅读、早睡3. 📌 今日待办当天任务管理完成/未完成切换一键清除已完成未完成在...

一个简洁美观的效率打卡备忘录应用,包含三个核心功能。
📱 功能介绍
1. 📋 备忘录
- 快速记录灵感、想法、待记事项
- 支持分类标签(随笔、工作、灵感、生活、学习)
- 搜索、编辑、删除功能
- 长按备忘录可删除
2. ✅ 习惯打卡
- 每日习惯打卡,支持自定义习惯
- 连续打卡天数统计(🔥 streak)
- 今日打卡进度概览
- 预设习惯:早起、运动、阅读、早睡
3. 📌 今日待办
- 当天任务管理
- 完成/未完成切换
- 一键清除已完成
- 未完成在前,已完成在后
首页
- 个人空间风格,问候语 + 日期
- 三个功能卡片入口
- 今日概览(打卡进度、待办进度、备忘录数量)
🚀 部署步骤(傻瓜式)
-
下载微信开发者工具
-
导入项目
- 打开微信开发者工具
- 选择「导入项目」
- 项目目录选择本文件夹(
efficiency-miniapp) - AppID 填写你的小程序 AppID(如果没有,点击「使用测试号」)
-
预览/上传
- 点击工具栏的「预览」可以在手机上扫码体验
- 点击「上传」可以提交到微信审核发布
📁 项目结构
efficiency-miniapp/
├── app.js # 小程序入口,初始化默认数据
├── app.json # 全局配置(页面路由、窗口样式)
├── app.wxss # 全局样式
├── sitemap.json # 搜索配置
├── utils/
│ └── util.js # 工具函数(日期、打卡统计等)
└── pages/
├── home/ # 首页(个人空间)
│ ├── home.js
│ ├── home.wxml
│ ├── home.wxss
│ └── home.json
├── memo/ # 备忘录
│ ├── memo.js
│ ├── memo.wxml
│ ├── memo.wxss
│ ├── memo.json
│ └── edit/ # 备忘录编辑页
│ ├── edit.js
│ ├── edit.wxml
│ ├── edit.wxss
│ └── edit.json
├── checkin/ # 习惯打卡
│ ├── checkin.js
│ ├── checkin.wxml
│ ├── checkin.wxss
│ └── checkin.json
└── todo/ # 今日待办
├── todo.js
├── todo.wxml
├── todo.wxss
└── todo.json
💾 数据存储
所有数据使用微信小程序的 wx.setStorageSync 本地存储,无需后端服务器:
memos— 备忘录列表habits— 习惯列表checkin_records— 打卡记录(按习惯ID分组,值为日期数组)todos— 待办列表
🎨 设计特点
- 柔和渐变色卡片设计
- 充足留白,视觉舒适
- 圆角元素,现代感强
- 按压反馈动画(scale 效果)
- 空状态引导提示
代码仓:https://gitcode.com/leleloveegg/efficiency-miniapp
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)