效率手账 - 微信小程序

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

一个简洁美观的效率打卡备忘录应用,包含三个核心功能。

📱 功能介绍

1. 📋 备忘录

  • 快速记录灵感、想法、待记事项
  • 支持分类标签(随笔、工作、灵感、生活、学习)
  • 搜索、编辑、删除功能
  • 长按备忘录可删除

2. ✅ 习惯打卡

  • 每日习惯打卡,支持自定义习惯
  • 连续打卡天数统计(🔥 streak)
  • 今日打卡进度概览
  • 预设习惯:早起、运动、阅读、早睡

3. 📌 今日待办

  • 当天任务管理
  • 完成/未完成切换
  • 一键清除已完成
  • 未完成在前,已完成在后

首页

  • 个人空间风格,问候语 + 日期
  • 三个功能卡片入口
  • 今日概览(打卡进度、待办进度、备忘录数量)

🚀 部署步骤(傻瓜式)

  1. 下载微信开发者工具

  2. 导入项目

    • 打开微信开发者工具
    • 选择「导入项目」
    • 项目目录选择本文件夹(efficiency-miniapp
    • AppID 填写你的小程序 AppID(如果没有,点击「使用测试号」)
  3. 预览/上传

    • 点击工具栏的「预览」可以在手机上扫码体验
    • 点击「上传」可以提交到微信审核发布

📁 项目结构

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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。