微信小程序直播訂閱提醒功能組件如何引入

本篇內(nèi)容主要講解“微信小程序直播訂閱提醒功能組件如何引入”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“微信小程序直播訂閱提醒功能組件如何引入”吧!

微信小程序直播訂閱提醒功能組件如下，用戶進(jìn)入直播間內(nèi)，可對(duì)一場(chǎng)未開(kāi)播的直播進(jìn)行單次訂閱，開(kāi)播時(shí)直播組件會(huì)自動(dòng)下發(fā)開(kāi)播提醒給用戶。

【訂閱】組件(注：若要使用該組件，需在主包/分包先引入直播組件)

功能解釋：用戶進(jìn)入直播間內(nèi)，可對(duì)一場(chǎng)未開(kāi)播的直播進(jìn)行單次訂閱，開(kāi)播時(shí)直播組件會(huì)自動(dòng)下發(fā)開(kāi)播提醒給用戶，無(wú)需開(kāi)發(fā)者額外開(kāi)發(fā)

組件使用：如果需要在直播組件頁(yè)以外小程序其他頁(yè)面也有同樣的開(kāi)播提醒的功能，可以引入【訂閱】組件 subscribe(開(kāi)播前才會(huì)顯示，直播開(kāi)始后自動(dòng)消失該組件);需在 page 頁(yè)面(如 home 頁(yè)面)的 home.json 引用訂閱組件，可通過(guò) stopPropagation 屬性控制是否阻止事件冒泡(默認(rèn)不阻止事件冒泡，stopPropagation 為 false)。

示例代碼如下：

{

"usingComponents": {

"subscribe": "plugin-private://wx2b03c6e691cd7370/components/subscribe/subscribe"

}

}

然后便可在 home.wxml 里使用訂閱組件，其中直播房間 id 可通過(guò)下面 獲取直播房間列表 API 獲取。 同時(shí)，訂閱組件支持自定義顏色和大小以及攜帶自定義參數(shù)，參數(shù)說(shuō)明如下：

width：表示寬度，類(lèi)型為 Number

height：表示高度，類(lèi)型為 Number

font-size：表示字號(hào)，類(lèi)型為 Number

color：表示字體顏色，類(lèi)型為 String

background-color：表示背景色，類(lèi)型為 String

custom-params：表示自定義參數(shù)，類(lèi)型為 String

let width = 120

let height = 41

let fontSize = 17

let color = '#FFFFFF'

let backgroundColor = '#6467F0'

let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 開(kāi)發(fā)者在訂閱組件上攜帶自定義參數(shù)(如示例中的path和pid參數(shù))，后續(xù)可以在 App onShow 生命周期的 options 里獲取(上限600個(gè)字符，超過(guò)部分會(huì)被截?cái)?

this.setData({

width,

height,

fontSize,

color,

backgroundColor,

customParams

})
<subscribe room-id="[直播房間id]" width="{{width}}" height="{{height}}" font-size="{{fontSize}}" color="{{color}}" background-color="{{backgroundColor}}" custom-params="{{customParams}}"></subscribe>

到此，相信大家對(duì)“微信小程序直播訂閱提醒功能組件如何引入”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！