东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
21
2024/09

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

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

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

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

功能詳情圖片

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

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

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

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



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

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

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

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

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

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