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