| 1 |
- import{e as s,o as t,G as a}from"./vendor.9cc7b6f2.js";const n={class:"markdown-body"},p=[a('<h1>Temp xx组件</h1><h3>介绍</h3><p>基于 xxxxxxx</p><h3>安装</h3><pre><code class="language-javascript"><span class="hljs-keyword">import</span> { createApp } <span class="hljs-keyword">from</span> <span class="hljs-string">'vue'</span>;\n<span class="hljs-keyword">import</span> { Temp } <span class="hljs-keyword">from</span> <span class="hljs-string">'@nutui/nutui'</span>;\n\n<span class="hljs-keyword">const</span> 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"><span class="hljs-tag"><<span class="hljs-name">nut-temp</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"wifi"</span>></span><span class="hljs-tag"></<span class="hljs-name">nut-temp</span>></span>\n<span class="hljs-tag"><<span class="hljs-name">nut-temp</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"mail"</span>></span><span class="hljs-tag"></<span class="hljs-name">nut-temp</span>></span>\n</code></pre><h3>基础用法2</h3><p><code>Icon</code> 的 <code>name</code> 属性支持传入图标名称或图片链接。</p><pre><code class="language-html"><span class="hljs-tag"><<span class="hljs-name">nut-temp</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"wifi"</span>></span><span class="hljs-tag"></<span class="hljs-name">nut-temp</span>></span>\n<span class="hljs-tag"><<span class="hljs-name">nut-temp</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"mail"</span>></span><span class="hljs-tag"></<span class="hljs-name">nut-temp</span>></span>\n</code></pre><h3>基础用法3</h3><p><code>Icon</code> 的 <code>name</code> 属性支持传入图标名称或图片链接。</p><pre><code class="language-html"><span class="hljs-tag"><<span class="hljs-name">nut-temp</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"wifi"</span>></span><span class="hljs-tag"></<span class="hljs-name">nut-temp</span>></span>\n<span class="hljs-tag"><<span class="hljs-name">nut-temp</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"mail"</span>></span><span class="hljs-tag"></<span class="hljs-name">nut-temp</span>></span>\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)],l={setup:(a,{expose:l})=>(l({frontmatter:{}}),(a,l)=>(t(),s("div",n,p)))};export{l as default};
|
