這篇文章給大家介紹mpvue小程序循環(huán)動畫開啟暫停的實現(xiàn)，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

首先，組件寫出來

添加點擊事件，動畫屬性， style 屬性（用來動態(tài)修改樣式）

src/components/refresh.vue

設置初始數(shù)據(jù)

使用一個 布爾 數(shù)據(jù) refreshing 判斷動畫的狀態(tài)為開啟 true /暫停 false

添加點擊事件函數(shù)

監(jiān)聽 refreshing 狀態(tài)

需要注意的是定時器時間必須和動畫的過渡時間設置為相同

組件調(diào)用

src/pages/index/index.vue

refresh 組件完整代碼

關于mpvue小程序循環(huán)動畫開啟暫停的實現(xiàn)就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。