【01】从0.2开始开发一个微信小程序-全屏倒计时-项目介绍

写这个小程序是因为去年我爸和我说他开会做报告的时候会超时,手机上自带的时钟和现有的大部分计时APP字体都不够大,长时间的话还要记得时不时点亮屏幕,这样很干扰思路,也容易忘记时间。我一想觉得也不是很难啊,就说我能写。犹豫了一下是写Native APP还是网页还是什么,正好看到微信小程序觉得可以试一试。
现在看到的小程序是我重新修改了UI的,去年因为是第一次写所以就想着把功能实现了没好好考虑怎么能写得更好看,大部分写到哪里是哪里。当时小程序不支持横屏,横屏的效果是算出来的所以适配做得不太好。这次重写之前看了各种微信UI组件库找找灵感,先设计再写。有了上一次的经验加上先做了demo确定了设计,花了两天就把整个APP重写了一遍。原型设计用的是墨刀。

6个最优秀的微信小程序UI组件库 -
MockingBot-Mobile prototyping without headaches

  • 分页/功能

    • 设置时钟
    • 时钟
    • 设置倒计时
    • 设置单个倒计时
    • 倒计时
    • 马表
    • 信息
  • 截图


    设置时钟.png

    全屏时钟.png

    设置倒计时.png

    全屏倒计时.png

    马表.png

    信息.png
  • 小程序二维码


    二维码.jpg
  • 目录
    • 【00】从0.2开始开发一个微信小程序-全屏倒计时-准备
    • 【01】从0.2开始开发一个微信小程序-全屏倒计时-项目介绍
    • 【02】从0.2开始开发一个微信小程序-全屏倒计时-全局
    • 【03】从0.2开始开发一个微信小程序-全屏倒计时-时钟
    • 【04】从0.2开始开发一个微信小程序-全屏倒计时-倒计时
    • 【05】从0.2开始开发一个微信小程序-全屏倒计时-马表
    • 【06】从0.2开始开发一个微信小程序-全屏倒计时-信息页,客服
    • 【07】从0.2开始开发一个微信小程序-全屏倒计时-发布

你可能感兴趣的:(【01】从0.2开始开发一个微信小程序-全屏倒计时-项目介绍)