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

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

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

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

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

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

示例代碼如下：

{

"usingComponents": {

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

}

}

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

width：表示寬度，類型為 Number

height：表示高度，類型為 Number

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

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

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

custom-params：表示自定義參數，類型為 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 })) // 開發者在訂閱組件上攜帶自定義參數(如示例中的path和pid參數)，后續可以在 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>

到此，相信大家對“微信小程序直播訂閱提醒功能組件如何引入”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！