【01】從0.2開始開發(fā)一個微信小程序-全屏倒計時-項目介紹

寫這個小程序是因為去年我爸和我說他開會做報告的時候會超時，手機上自帶的時鐘和現(xiàn)有的大部分計時APP字體都不夠大，長時間的話還要記得時不時點亮屏幕，這樣很干擾思路，也容易忘記時間。我一想覺得也不是很難啊，就說我能寫。猶豫了一下是寫Native APP還是網(wǎng)頁還是什么，正好看到微信小程序覺得可以試一試。
現(xiàn)在看到的小程序是我重新修改了UI的，去年因為是第一次寫所以就想著把功能實現(xiàn)了沒好好考慮怎么能寫得更好看，大部分寫到哪里是哪里。當(dāng)時小程序不支持橫屏，橫屏的效果是算出來的所以適配做得不太好。這次重寫之前看了各種微信UI組件庫找找靈感，先設(shè)計再寫。有了上一次的經(jīng)驗加上先做了demo確定了設(shè)計，花了兩天就把整個APP重寫了一遍。原型設(shè)計用的是墨刀。

6個最優(yōu)秀的微信小程序UI組件庫 - 簡書
MockingBot-Mobile prototyping without headaches

  • 分頁/功能

    • 設(shè)置時鐘
    • 時鐘
    • 設(shè)置倒計時
    • 設(shè)置單個倒計時
    • 倒計時
    • 馬表
    • 信息

  • 截圖


    設(shè)置時鐘.png

    全屏?xí)r鐘.png

    設(shè)置倒計時.png

    全屏倒計時.png

    馬表.png

    信息.png

  • 小程序二維碼


    二維碼.jpg
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容