vue2手機APP專案中,加入開屏廣告或者閃屏廣告

2021-08-02 19:38:01 字數 3316 閱讀 6269

一般專案裡,有的會在啟動的時候加開屏廣告或者閃屏廣告。我們是在index.html通過定位來做的。如下:

<

style

media=

"screen"

>

#entry

#entryadv

#entrytim

style

>

<

body

>

<

section

class=

"adv"

id="entryadv"

>

<

img

id="entry"

>

<

p id=

"entrytim"

>

p>

section

>

<

section

id=>

section

>

body

>

然後我們需要單獨寫乙份js檔案,跟main.js是同級目錄的,具體**如下:
import 

api

from

'./fetch/api'

import

store

from

'./store/index'

// 修改開屏廣告尺寸

let

advwidth = document

.documentelement.

clientwidth;

let

advheight = document

.documentelement.

clientheight;

let

entryel = document

.getelementbyid

('entry');

entryel

.style.

widht

= advwidth +

'px'

;entryel

.style.

height= advheight +

'px'

;let

queryurl = window

.location.

href.

split

('?')[

1];// 判斷是否為分享頁面

if (

queryurl) ;

for

(let

i = 0;

i < queryarr

.length;

i++)

if (

number

(query

.showtitle

)) if

(keyarr

.length== 0)

openadv

(res);

});}

else }}

else

if (

keyarr

.length== 0)

openadv

(res);

});}

function

openadv

(res) ;

let

list

= res

.data.

retlist

;if

(list

&& list

.length== 0)

;}let

time = (

res.

data.

spjg

|| 5000

) /

1000

;// let time = res.data.spjg;

let

adv_list = ;

let

bccontextpathsrc

= store

.state.

common

.bccontextpathsrc

;switch

(res

.data.

adv_type

) let

count_down

= time

/ list

.length;

let

imgnum = 0

;let

timer

= setinterval

(()

=>

}break

;case 3:

}break

;case 4:

}break

;default:}

break;}

if (

time

<= 0)

;}entry

.src

= imglist

[imgnum

];entrytim

.innerhtml = '

跳過'

+ time

+ 's'

;entry

.addeventlistener

('click'

, function

() ,

false);

time--;

}, 1000);

entrytim

.addeventlistener

('click'

, function(ev

) ;},

false);

}break

;//

閃屏廣告

case

'2':

同上開屏廣告,可根據貴公司要求來更改}}

;settimeout

(()

=>

, 300

)

這樣就完成

2023年手機App市場狀況

2013 年手機市場狀況可以用兩個詞語概括 遇冷和洗牌 的投資會遇冷。因為至今除了手機遊戲看到合適的盈利模式外,其他產品並無切實可行的盈利模式,導致投入產出太差。加之手機應用之間同質化嚴重,抄襲成風,在 android 平台充斥著數十萬應用,而使用者使用的或許只集中在幾百個,因此市場泡沫極其嚴重。當...

Vue2仿錘子商城實戰專案專案實戰

目錄,j7 x y m i p5 h 01 專案介紹.mp4 02 環境配置及目錄結構.mp4 03 商品列表頁的布局.mp4 04 商品列表套資料.mp4 n s w7 x s9 y8 s d5 h 05 商品頁元件.mp45 s l g r l v h 06 商品加入購物車.mp4 x9 n1 ...

99手機管家專案的總結

斷斷續續,終於做完了這個專案 2014 11 24 2015 01 01 感慨萬千,真的是白天求生存,晚上求發展。在手機管家的專案中,實現了手機防盜,通訊衛士,軟體管理,程序管理,流量統計,手機防毒,快取清理,高階工具,設定中心等功能。使用到的東西 1.android四大控制項,各大布局。2.關於l...