久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

21
2024/09

crmeb商城系統(tǒng)uniapp移動端增加開屏圖片彈窗廣告

發(fā)布時間:2024-09-21 15:06:58
發(fā)布者:神棍子
瀏覽量:
0

這個功能是想在進入app后動態(tài)獲取后臺數(shù)據(jù),自動彈出一個透明圖片的彈窗,設(shè)置一定時間間隔后二次顯示,點擊關(guān)閉和其他位置關(guān)閉彈窗。

首先看一下想要實現(xiàn)的效果

功能詳情圖片

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

dom結(jié)構(gòu)

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

onshow方法中獲取數(shù)據(jù)



方法具體實現(xiàn)過程

其中參數(shù)有圖片信息、間隔顯示時間,這里使用了一個本地變量來存儲過期時間,將過期時間與當(dāng)前時間比較用來判斷是否需要顯示。

在此之前需要在pc端商城中添加該數(shù)據(jù),在維護中創(chuàng)建組合數(shù)據(jù),添加多個字段、名稱、圖片上傳、鏈接、間隔顯示小時數(shù)。后添加一條數(shù)據(jù)

后臺增加相應(yīng)數(shù)據(jù)

然后在后臺中添加getIndexData方法獲取該條數(shù)據(jù)返回給前臺,至此所有的流程就實現(xiàn)完成了。

關(guān)鍵詞:
返回列表