前端组件开发文档

微吼组件开发及使用规范


点赞

<h4>使用</h4> <p>基础功能中包括两种模式 在使用是只需传入不同的 type 值</p> <blockquote> <p>点赞数非实时更新,只有用户重新刷新页面,点赞数才会显示总数</p> </blockquote> <ul> <li> <p>可重复点赞(默认模式) type=&quot;repeat&quot;</p> <pre><code class="language-html">&lt;vhPraise :roomId="roomInfo.room_id" :likes="roomInfo.likes"&gt;&lt;/vhPraise&gt;</code></pre> </li> <li>不可重复点赞 type=&quot;noRepeat&quot; <pre><code class="language-html">&lt;vhPraise :roomId="roomInfo.room_id" :likes="roomInfo.likes" type="noRepeat" :isLisk="isLisk"&gt;&lt;/vhPraise&gt;</code></pre></li> </ul> <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;">likes</td> <td style="text-align: left;">总点赞数</td> <td style="text-align: left;">Number</td> <td style="text-align: left;">-</td> <td style="text-align: left;">0</td> <td style="text-align: left;">是</td> </tr> <tr> <td style="text-align: left;">isLisk</td> <td style="text-align: left;">是否点赞</td> <td style="text-align: left;">Boolean</td> <td style="text-align: left;">-</td> <td style="text-align: left;">false</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;">repeat可重复点赞 noRepeat不可重复点赞</td> <td style="text-align: left;">repeat</td> <td style="text-align: left;">否</td> </tr> </tbody> </table>

页面列表

ITEM_HTML