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

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

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

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

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

示例代碼如下：

{

"usingComponents": {

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

}

}

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

width：表示寬度，類型為 Number

height：表示高度，類型為 Number

font-size：表示字號，類型為 Number

color：表示字體顏色，類型為 String

background-color：表示背景色，類型為 String

custom-params：表示自定義參數(shù)，類型為 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 })) // 開發(fā)者在訂閱組件上攜帶自定義參數(shù)(如示例中的path和pid參數(shù))，后續(xù)可以在 App onShow 生命周期的 options 里獲取(上限600個字符，超過部分會被截斷)

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>