| 1 |
- import{c as t,o as d,C as e}from"./vendor.0d0a34e4.js";const o={class:"markdown-body"},c=e('<h1>BackTop 返回顶部</h1><h3>介绍</h3><p>提供较长的页面快捷返回顶部功能。</p><h3>安装</h3><pre><code class="language-javascript">\nimport { createApp } from 'vue';\nimport { BackTop } from '@nutui/nutui';\n\nconst app = createApp();\napp.use(BackTop);\n\n</code></pre><h3>代码实例</h3><h3>基本用法</h3><pre><code class="language-html"><nut-backtop el-id="elId" ></nut-backtop>\n</code></pre><h3>设置出现位置</h3><pre><code class="language-html"><nut-backtop :distance="200" ></nut-backtop>\n</code></pre><h3>自定义样式</h3><pre><code class="language-html"><nut-backtop @click="handleClick" el-id="elId" :distance="100" :bottom="90" ><div>无</div></nut-backtop>\n</code></pre><h3>click事件</h3><pre><code class="language-html"><nut-backtop @click="handleClick" ></nut-backtop>\n</code></pre><pre><code class="language-html"><script>\nexport default createDemo({\n setup(props, { emit }) {\n const handleClick = () => {\n console.log('触发返回顶部');\n };\n\n return {\n handleClick\n };\n }\n});\n</script>\n</code></pre><h3>API</h3><h3>Prop</h3><table><thead><tr><th>字段</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>el-id</td><td>获取监听元素的父级元素</td><td>String</td><td>-</td></tr><tr><td>bottom</td><td>距离页面底部距离</td><td>Number</td><td><code>20</code></td></tr><tr><td>right</td><td>距离页面右侧距离</td><td>Number</td><td><code>10</code></td></tr><tr><td>distance</td><td>页面垂直滚动多高后出现</td><td>Number</td><td><code>200</code></td></tr><tr><td>z-index</td><td>设置组件页面层级</td><td>Number</td><td><code>10</code></td></tr><tr><td>is-animation</td><td>是否有动画,和duration参数互斥</td><td>Boolean</td><td><code>true</code></td></tr><tr><td>duration</td><td>设置动画持续时间</td><td>Number</td><td><code>1000</code></td></tr></tbody></table><h3>Event</h3><table><thead><tr><th>名称</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>click</td><td>按钮点击时触发事件</td><td>event: MouseEvent</td></tr></tbody></table>',20),a={setup:e=>(e,a)=>(d(),t("div",o,[c]))};export default a;
|
