在線版Todo List 地址： Ricocc - https://ricocc.com/todo/
最近開始重新把學(xué)習(xí) Vue 的計(jì)劃提上日程，首先入手的便是經(jīng)典的 TodoList 小案例宽档。在網(wǎng)上確實(shí)也有很多 TodoList 的學(xué)習(xí)案例教學(xué)鄙才，基本都是使用的原生樣式，或者是“簡(jiǎn)潔”的視覺設(shè)計(jì)衬以。
作為一個(gè)不標(biāo)準(zhǔn)小設(shè)計(jì)來(lái)說，會(huì)有一丟丟強(qiáng)迫癥校摩，視覺上不舒服看峻，就不大喜歡用。由于也一直有使用Todo List的習(xí)慣衙吩，因此就計(jì)劃學(xué)習(xí)的時(shí)候互妓，面對(duì)自己寫出來(lái)的初稿，視覺性太差坤塞，無(wú)法接受作為日常使用需要冯勉。
因此就從自己個(gè)人的喜好出發(fā)，制作滿足自身視覺需求的在線版本摹芙，在日常工作也可以繼續(xù)使用灼狰，審美疲勞了就再換掉視覺風(fēng)格。
我個(gè)人的產(chǎn)品訴求是：基礎(chǔ)浮禾、干凈簡(jiǎn)潔交胚、不需要額外功能、視覺合格盈电。
設(shè)計(jì)風(fēng)格參考使用了Figma社區(qū) aakarshna 的 Noted設(shè)計(jì)規(guī)范蝴簇，并且依據(jù)自己的設(shè)計(jì)做了調(diào)整。視覺設(shè)計(jì)主要使用了Figma匆帚，前端技術(shù)使用了 Vue 2.x 和 Sass熬词。設(shè)計(jì)元素盡量使用base64，減少文件數(shù)量卷扮，方便在本地環(huán)境直接打開使用荡澎。
目前網(wǎng)頁(yè)版本已上線∥钋拢可以掃描頂部的二維碼或者從鏈接去查看摩幔，主要側(cè)重 PC 端，移動(dòng)端只是簡(jiǎn)單做了些兼容鞭铆。Bug和不足還是有的或衡！
目前已實(shí)現(xiàn)的基礎(chǔ)功能有：
?? 所有提交操作支持Enter回車鍵和提交按鈕提交~
?? 拖拽Todo上下移動(dòng)可排序(僅支持PC)~
?? 雙擊已有的Todo可進(jìn)行編輯~
?? 對(duì)已有內(nèi)容進(jìn)行篩選~
?? 刪除的內(nèi)容在回收站可及時(shí)恢復(fù)~
?? 所有的Todo數(shù)據(jù)存儲(chǔ)在瀏覽器本地~
視覺和規(guī)范如下：
