最近待在家里也看不進(jìn)去書,突發(fā)奇想的寫點(diǎn)東西脖旱,就寫了這個(gè)功德木魚朴皆,實(shí)現(xiàn)的原理很簡(jiǎn)單缘薛,界面設(shè)計(jì)太麻煩了所以就沒有設(shè)計(jì),比較簡(jiǎn)單埃儿。如下
功德木魚
實(shí)現(xiàn)原理具體如下:
1器仗、就是在進(jìn)入界面的時(shí)候使用uni.createInnerAudioContext()創(chuàng)建音頻對(duì)象,設(shè)置自動(dòng)播放背景音樂
2童番、在界面上放置木魚圖片并增添相應(yīng)的點(diǎn)擊事件精钮,在點(diǎn)擊時(shí)修改圖片的放縮樣式達(dá)到敲擊木魚的效果,同時(shí)記錄count加一剃斧,并在此時(shí)顯示文本設(shè)置動(dòng)畫轨香,讓其opacity由1變成0即可。
體驗(yàn)地址:
若有不對(duì)之處還希望指正為謝悯衬!@~@