doc.f8d4d1dd.js 2.1 KB

1
  1. import{c as t,o as e,C as d}from"./vendor.26d316d2.js";const o={class:"markdown-body"},n=d('<h1>Temp xx组件</h1><h3>介绍</h3><p>基于 xxxxxxx</p><h3>安装</h3><pre><code class="language-javascript">import { createApp } from &#39;vue&#39;;\nimport { Temp } from &#39;@nutui/nutui&#39;;\n\nconst app = createApp();\napp.use(Temp);\n\n</code></pre><h2>代码演示</h2><h3>基础用法1</h3><p><code>Icon</code> 的 <code>name</code> 属性支持传入图标名称或图片链接。</p><pre><code class="language-html">&lt;nut-temp name=&quot;wifi&quot;&gt;&lt;/nut-temp&gt;\n&lt;nut-temp name=&quot;mail&quot;&gt;&lt;/nut-temp&gt;\n</code></pre><h3>基础用法2</h3><p><code>Icon</code> 的 <code>name</code> 属性支持传入图标名称或图片链接。</p><pre><code class="language-html">&lt;nut-temp name=&quot;wifi&quot;&gt;&lt;/nut-temp&gt;\n&lt;nut-temp name=&quot;mail&quot;&gt;&lt;/nut-temp&gt;\n</code></pre><h3>基础用法3</h3><p><code>Icon</code> 的 <code>name</code> 属性支持传入图标名称或图片链接。</p><pre><code class="language-html">&lt;nut-temp name=&quot;wifi&quot;&gt;&lt;/nut-temp&gt;\n&lt;nut-temp name=&quot;mail&quot;&gt;&lt;/nut-temp&gt;\n</code></pre><h2>API</h2><h3>Props</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>图标名称或图片链接</td><td>String</td><td>-</td></tr><tr><td>color</td><td>图标颜色</td><td>String</td><td>-</td></tr><tr><td>size</td><td>图标大小,如 <code>20px</code> <code>2em</code> <code>2rem</code></td><td>String</td><td>-</td></tr><tr><td>class-prefix</td><td>类名前缀,用于使用自定义图标</td><td>String</td><td><code>nutui-iconfont</code></td></tr><tr><td>tag</td><td>HTML 标签</td><td>String</td><td><code>i</code></td></tr></tbody></table><h3>Events</h3><table><thead><tr><th>事件名</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>click</td><td>点击图标时触发</td><td>event: Event</td></tr></tbody></table>',20),c={setup:d=>(d,c)=>(e(),t("div",o,[n]))};export{c as default};