大家好,今天很高兴给大家分享这次作业。我们是第七最帅小组。
小程序简介:
ehabit针对普遍群体存在难以养成良好习惯,以及当前软件市场的习惯养成软件冗余复杂等问题,基于微信小程序便携式的设计,研发一款能够解决人们在想要养成好习惯时意志不坚定问题的轻量级软件,为用户提供推荐习惯,自定义习惯等功能,从而达到用户养成良好习惯的目的。
我们已经上线,预览请扫码,观察效果和使用:
项目及代码详情见github:https://github.com/a1171404817/the-terminal-project-in-ruangong.git
五次站立会议博客地址:
https://blog.csdn.net/qq_42741048/article/details/90274001
https://blog.csdn.net/qq_42741048/article/details/90474908
https://blog.csdn.net/qq_42741048/article/details/90474979
https://blog.csdn.net/guifei0/article/details/93873441
https://blog.csdn.net/guifei0/article/details/93873468
效果图:
花费时间,大概花费了三周多,一开始完成没有任何学习小程序的知识,然后在b站上找课程一两天刷完了,一点一点做总共js有1000行代码,加上样式、wxml文件300行代码;
其中用到了很多工具类,比如这个报表、日期转星期,这些都用通用的工具类,只要拿过来调用就好。
功能介绍:
1、右滑开始、左滑停止 这个会有动画、计时、进度条的效果;
2、长按可以编辑时间和删除;
3、右下可以添加推荐的习惯、自定义习惯、清除进度条和统计表的功能;
4、上方是统计折线图 可以统计每一周的习惯次数;
5、还支持锁屏计时功能。既锁屏之后,后台记录锁屏的时间,当你锁屏之后,会自动加上去;
6、小程序介绍页面。
部分源代码:
首页
<!--index.wxml-->
<view class="container">
<view class="title1">{
{list.length}}个任务</view>
<view class="title2">今天·{
{listID1+" "+date1[0].week}} </view>
<canvas canvas-id="lineCanvas" disable-scroll="true" class="canvas" bindtouchstart="touchHandler"></canvas>
<view class="todoAll" wx:for="{
{list}}" wx:for-key="index" wx:for-item="item">
<movable-area class="todoArea">
<movable-view class="todoBar" direction="horizontal