這個功能是想在進入app后動態獲取后臺數據,自動彈出一個透明圖片的彈窗,設置一定時間間隔后二次顯示,點擊關閉和其他位置關閉彈窗。
首先看一下想要實現的效果

首先在index.vue文件中把dom加上,這里選用的事uni-popup彈窗

然后增加一個獲取接口信息的方法getIndexData在onshow打開頁面時執行


其中參數有圖片信息、間隔顯示時間,這里使用了一個本地變量來存儲過期時間,將過期時間與當前時間比較用來判斷是否需要顯示。
在此之前需要在pc端商城中添加該數據,在維護中創建組合數據,添加多個字段、名稱、圖片上傳、鏈接、間隔顯示小時數。后添加一條數據

然后在后臺中添加getIndexData方法獲取該條數據返回給前臺,至此所有的流程就實現完成了。
上一篇: 請柬模板做成商城系統的一些模塊功能
下一篇: 沒有了
