這個功能是想在進入app后動態(tài)獲取后臺數(shù)據(jù),自動彈出一個透明圖片的彈窗,設(shè)置一定時間間隔后二次顯示,點擊關(guān)閉和其他位置關(guān)閉彈窗。
首先看一下想要實現(xiàn)的效果
首先在index.vue文件中把dom加上,這里選用的事uni-popup彈窗
然后增加一個獲取接口信息的方法getIndexData在onshow打開頁面時執(zhí)行
其中參數(shù)有圖片信息、間隔顯示時間,這里使用了一個本地變量來存儲過期時間,將過期時間與當(dāng)前時間比較用來判斷是否需要顯示。
在此之前需要在pc端商城中添加該數(shù)據(jù),在維護中創(chuàng)建組合數(shù)據(jù),添加多個字段、名稱、圖片上傳、鏈接、間隔顯示小時數(shù)。后添加一條數(shù)據(jù)
然后在后臺中添加getIndexData方法獲取該條數(shù)據(jù)返回給前臺,至此所有的流程就實現(xiàn)完成了。
下一篇: 沒有了