礼物打赏
<p>[TOC]</p>
<h3>控制台</h3>
<h4>思路</h4>
<p>控制台主要提供了创建礼物,删除礼物,将礼物绑定到房间的功能,prop----room_id 为非必传参数,
当传入 room_id 时,组件提供的功能为当前房间礼物列表展示,将礼物绑定到房间功能
当不传 room_id 时,组件提供的功能为礼物创建、编辑、删除功能</p>
<h4>基础使用</h4>
<pre><code class="language-html"><vhGiftConsole
:vss_token="roomInfo.vss_token"
:account_id="roomInfo.third_party_user_id"
:app_id="roomInfo.app_id"
></vhGiftConsole></code></pre>
<h3>直播间</h3>
<h4>思路</h4>
<p>礼物和打赏被集成在了一个组件中,因为除了第一步打开方式不一样之外,后面的步骤都是一样的,所以组件层把两个功能集成在了一起</p>
<h4>基础使用</h4>
<pre><code class="language-html"><vhGift
ref="gift"
:roomId="roomInfo.room_id"
:accountId="roomInfo.third_party_user_id"
type="all"
> </vhGift></code></pre>
<h4>props</h4>
<table>
<thead>
<tr>
<th style="text-align: left;">参数</th>
<th style="text-align: left;">说明</th>
<th style="text-align: left;">类型</th>
<th style="text-align: left;">可选值</th>
<th style="text-align: left;">默认值</th>
<th style="text-align: left;">必填</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">roomId</td>
<td style="text-align: left;">房间 id</td>
<td style="text-align: left;">String</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">是</td>
</tr>
<tr>
<td style="text-align: left;">accountId</td>
<td style="text-align: left;">用户 id</td>
<td style="text-align: left;">string</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">是</td>
</tr>
<tr>
<td style="text-align: left;">type</td>
<td style="text-align: left;">使用组件类型</td>
<td style="text-align: left;">String</td>
<td style="text-align: left;">all 礼物和打赏 gift礼物组件 reward打赏组件</td>
<td style="text-align: left;">-</td>
<td style="text-align: left;">是</td>
</tr>
</tbody>
</table>