弹窗广告
<p>[TOC]</p>
<h4>简介</h4>
<p>主要提供了两个连个组件
组件一（vhQrcode）： 弹窗广告的编辑
组件二（vhQrcodeWatch）： 广告的展示</p>
<h4>弹窗广告编辑</h4>
<p>弹窗广告的编辑主要是二维码上传、公众号是否展示、是否展示、以及预览功能</p>
<pre><code class="language-html"><vhQrcode :roomId="roomInfo.room_id" :vssToken="roomInfo.vss_token"></vhQrcode></code></pre>
<h5>props</h5>
<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;">vssToken</td>
<td style="text-align: left;">vss验证凭证</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>
</tbody>
</table>
<h4>弹窗广告客户端</h4>
<p>展示二维码和关闭按钮
业务层如果需要广告弹出的时候，调用 <code>this.$refs.cardWatch.open()</code></p>
<pre><code class="language-html"> <vhQrcodeWatch :imgUrl="imgUrl" ref="cardWatch"></vhQrcodeWatch></code></pre>
<h5>props</h5>
<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;">imgUrl</td>
<td style="text-align: left;">展示图片地址</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>
</tbody>
</table>