创建App-任务中心界面

任务中心界面


今天进行任务中心的界面页,本界面设有三大重点,点数签到每日任务
签到则以本App的登入为签到准则,会设有月/日期为底层图示上层则以大图示来显示(完成(灰暗图示)、未到日期(明亮图示)。而每日任务则以标准的收藏一个文章完成一份作业为基础,(後续可在老师版发布每日任务~~~~),而完成图示则也有两种不同(已完成、去完成)。最後,点数则以完成签到每日任务等累积。
月/日期为底层图示,上层则以大图示-未到日期(明亮图示):
https://ithelp.ithome.com.tw/upload/images/20210926/201301750ClEA8JHH5.png
月/日期为底层图示,上层则以大图示-完成(灰暗图示):
https://ithelp.ithome.com.tw/upload/images/20210926/20130175yOgLaruQ9H.png
已完成:
https://ithelp.ithome.com.tw/upload/images/20210926/20130175iRmRFh64Dh.png
去完成:
https://ithelp.ithome.com.tw/upload/images/20210926/20130175mV8HahxBAZ.png


完整界面:
https://ithelp.ithome.com.tw/upload/images/20210926/2013017534gIHWovJ8.png


<<:  成为工具人应有的工具包-11 IE PassView

>>:  轻松排序!sort 的延伸用法,Ruby 30 天刷题修行篇第十一话

架构介绍

在进入使用Vue.js时做之前,先让我们来了解一下Vue.js的架构吧! Although not ...

[Day30]week4总结+後记

hi~如果前面的影片没看都没有关系!但这篇一定要看哈哈哈!前面我会先做这个星期的总结,後半部则会说...

Day_02 系统安装(一)

玩OpenWrt第一步当然是制作系统,下载系统映像的入口其实很多,但这个路径我觉得最直观与便捷。可以...

[Day13] 介面篇 - 显示血条3

在ActionBattle_Var.js修改成 接着开一支新程序叫ActionBattle_Spri...

数位时代的工程视角:思考大胆、策略精准,以科技革新法律的幕後推手

作者:Gary Lai 现为零一零科技工程师 Emory University硕士、成功大学学士 「...