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

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

作者: oliviawang_123 | 来源:发表于2019-04-21 23:32 被阅读0次

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

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

  • 分页/功能

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


    设置时钟.png
    全屏时钟.png
    设置倒计时.png
    全屏倒计时.png
    马表.png
    信息.png
  • 小程序二维码


    二维码.jpg

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/dlosgqtx.html