Awesome

<h2 align=center>微信小程序：XFocus · 专注时钟</h2> <h4 align=center>WXminiprogram - XFocus （更新至 V-1.2.2）</h4>  <p align="center"> <img src="https://img.shields.io/badge/language-WeApp-blueviolet"> <img src="https://img.shields.io/badge/build-passing-brightgreen"> <img src="https://visitor-badge.glitch.me/badge?page_id=realyao.WXminiprogram-Focus-clock"> <img src="https://img.shields.io/github/stars/realyao/WXminiprogram-Focus-clock"> <img src="https://img.shields.io/github/forks/realyao/WXminiprogram-Focus-clock"> <img src="https://img.shields.io/github/issues/realyao/WXminiprogram-Focus-clock">  <img src="https://img.shields.io/github/last-commit/realyao/WXminiprogram-Focus-clock"> <img src="https://img.shields.io/badge/license-GPL-blue"> </p> <h5 align=center> 导航：[<a href="https://realyao.github.io/foclock/">主页</a>] [<a href="#快速开始">代码部署</a>] [<a href="#部分原型设计预览">页面原型预览</a>] [<a href="https://support.qq.com/product/144958">反馈社群</a>]  </h5> <p align=center>你可以在微信中搜索 <b>XFocus</b>，或微信扫码预览</p>  <div align=center><img width='60%' src="https://dcdn.it120.cc/2022/05/11/3f59c7d4-f950-4151-a3f4-f91a5b20cd3a.png"/></div>

<h4 align=center>『XFocus』是你管理每日时间、提高学习工作效率、养成自律习惯的得力助手。</h4> <h5 align=center>“集每日待办、专注计时、打卡、备忘、自习、白噪声等多种实用功能于一体，助你轻松将每一天打理得井井有条，享受高效生活。”</h5>

🔎Features

专注计时（cf. 番茄工作法）
待办清单（ToDo List）
数据记录图表分析
打卡、海报
白噪声背景声
排行榜
more ...

产品功能脑图（V-1.4）

🔜ToDo

专注自习室
语音待办（V-ToDo）
接入微信推送通知
PC桌面端共享（Web版）
夜间模式、老龄模式、大屏适配
~~需要一个美术设计拯救审美~~

🚀快速开始

部署源码：

- git clone git@github.com:realyao/realyao/WXminiprogram-Focus-clock.git
- 导入开发工具并修改你的appid
- 编译运行

本微信小程序涉及基础的 JavaScript、WXML、CSS 等前端知识，以及常见的微信API和组件使用，适合新手学习入门。 当你遇到问题时，建议阅读微信小程序官方文档。
鸣谢：timer。页面UI基于WEUI组件库，微信原生视觉体验，支持在app.json中以拓展库方式引入：

"useExtendedLib": {
    "weui": true
},

微信基础库：>=2.21.0，页面适配 iPhone6 以上所有机型。
你可以在项目 Wiki 中查看我对该产品做的部分需求分析、原型设计和数据分析。
如果该项目对您有帮助，欢迎点一个 ⭐star & pull your requests，当然你也可以扫码请我喝瓶哇哈哈 😘

📱部分原型设计预览

专注自习室