HarmonyOS應(yīng)用開發(fā)在線體驗-todolist

1、HarmonyOS 應(yīng)用開發(fā)在線體驗-to do list一、技術(shù)相關(guān)使用語言: Js體驗內(nèi)容： to do list工具：在線開發(fā) HYPERLINK /#/cn/onlineDemo?ha_source=harmonyos&ha_sourceid=9011 /#/cn/onlineDemo?ha_source=harmonyos&ha_sourceid=9011效果如下三、因為在線體驗?zāi)Ｊ?，所以無文件，全部代碼如下；JsconstBUTTON_STATE_IMAGE=/common/checkbutton.png,/common/done.png;constTAG_STATE=show,h

2、ide;constTEXT_COLOR=text-default,text-gray;constEVENT_LEVEL=urgent,senior,middle,low;exportdefaulttitle:每日計劃,taskList:id:id-1,event:起床鍛煉,time:07:30,checkBtn:BUTTON_STATE_IMAGE1,color:TEXT_COLOR1,showTag:TAG_STATE1,tag:EVENT_LEVEL1,id:id-2,event:飯后午休,time:01:30,checkBtn:BUTTON_STATE_IMAGE0,color:TEXT

3、_COLOR0,showTag:TAG_STATE0,tag:EVENT_LEVEL0,id:id-3,event:認真學(xué)習(xí),time:19:30,checkBtn:BUTTON_STATE_IMAGE0,color:TEXT_COLOR0,showTag:TAG_STATE0,tag:EVENT_LEVEL2,id:id-4,event:洗漱睡覺,time:22:30,checkBtn:BUTTON_STATE_IMAGE0,color:TEXT_COLOR0,showTag:TAG_STATE0,tag:EVENT_LEVEL3,;Css.containerflex-direction:c

4、olumn;background-color:rgb(107,134,156);.titlefont-weight:600;color:rgb(241,239,239);background-color:rgb(6,152,236);opacity:1;.tag-listwidth:100%;margin-top:10px;padding:20px;.todo-list-itemwidth:100%;.todo-itemwidth:100%;border-radius:2px;align-items:center;.flex-rowdisplay:flex;flex-direction:row

5、;align-items:center;.todo-name-markpadding-left:20px;width:100%;height:100%;align-items:center;.todo-namefont-size:15px;color:white;margin-right:2px;max-lines:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;vertical-align:middle;padding-top:5px;.text-defaultcolor:whi

6、te;.text-graycolor:rgb(6,6,6);.todo-markwidth:10px;height:10px;margin-left:8px;border-radius:25px;background-color:lightslategrey;.todo-timefont-size:20px;width:100%;height:100%;text-align:left;color:rgb(249,247,247);margin-top:1px;padding-left:18px;.urgentbackground-color:firebrick;.seniorbackgroun

7、d-color:gold;.middlebackground-color:mediumaquamarine;.lowbackground-color:#0D9FFB;.hidedisplay:none;.showdisplay:inline-block;.todo-imagewidth:30px;height:30px;object-fit:contain;margin-top:1px;.todo-text-wrapperheight:100%;flex-grow:1;margin:0px26px;flex-direction:column;media(device-type:tv).titl

8、efont-size:22px;padding:10px;.tag-listpadding-top:30px;padding-left:12px;.todo-list-itemmargin-top:20px;.todo-imagewidth:20px;height:20px;.todo-namefont-size:18px;max-width:460pxmedia(device-type:phone).titlefont-size:21px;padding-top:10px;padding-bottom:10px;padding-left:10px;.tag-listpadding-top:48px;.todo-list-itemmargin:2px8px;.todo-name-markmargin:5px0px;.todo-namemax-width:180px;media(device-type:wearable).titlefont-size:26px;width:100%;height:54px;text-align:center;.tag-listpadding-top:54px;.todo-list-itempadding-left:50px;p