數(shù)據(jù)驅(qū)動(dòng)、堅(jiān)持為客戶(hù)提供有價(jià)值的服務(wù)和內(nèi)容
有時(shí)小程序沒(méi)有現(xiàn)成插件可用,本文結(jié)合一個(gè)數(shù)字滾動(dòng)搖獎(jiǎng)效果,談?wù)勎⑿判〕绦蛑幸恍﹦?dòng)畫(huà)實(shí)現(xiàn)的方式。
實(shí)例上要顯示四位數(shù)字,根據(jù)后臺(tái)返回金額,比如5.2元,處理成從00:00快速翻動(dòng)到05:20的效果,處理的要貼近現(xiàn)實(shí)效果一些,動(dòng)畫(huà)要平滑。
思考:數(shù)字翻動(dòng)的動(dòng)畫(huà)樣式,0-9似乎每個(gè)數(shù)字都要寫(xiě),好在不多具有可實(shí)現(xiàn)性。為了過(guò)渡平滑,四個(gè)數(shù)組多塞幾組0-9數(shù)字,比如0-9+0-9+0-9+1+2..+5,這是數(shù)字5的數(shù)組。由于是下翻動(dòng)效果,注意是0-9+0-9+0-9+1+2..