前端组件开发文档

微吼组件开发及使用规范


分享

<h4>使用</h4> <p>基础功能提供了卡片列表,列表中展示了卡片的封面、名称、描述、按钮链接、操作(编辑/删除) 基础功能的时候,需要将编辑需要跳转的地址传入(不包括动态卡片 id 部分) 如:/card-update/:roomId/:cardId,这个路由中 roomId 和 cardId 都为动态的值, 此时传入的编辑的路由地址:/card-update/lss_38d82c61</p> <pre><code class="language-html">&lt;vhShare :url="url" :share_id="shareId"&gt;&lt;/vhShare&gt;</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;">url</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> <tr> <td style="text-align: left;">shareId</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> </tbody> </table>

页面列表

ITEM_HTML