可一键返回顶部的按钮。
当滚动到一定高度的时候，在右下角会出现一个返回顶部的按钮。
Seven-Bit-UI<template>
<div class="box">
下拉显示在屏幕右下角
<sb-back-top style="padding: 10px">
<sb-icon name="up"></sb-icon>
</sb-back-top>
</div>
</template>
当返回按钮出现时，通过配置 bottom 和 right 属性可以配置它出现在屏幕中的位置
<template>
<div class="box">
下拉显示在屏幕右下角各 100px 处
<sb-back-top style="padding: 10px" :bottom="100" :right="100">
<sb-icon name="close"></sb-icon>
</sb-back-top>
</div>
</template>
通过配置 height 属性，可以调整返回按钮出现时的高度
<template>
<div class="box">
下拉 10 px 显示
<sb-back-top style="padding: 10px" :bottom="150" :right="150" :height="10">
<sb-icon name="up"></sb-icon>
</sb-back-top>
</div>
</template>
<back-top> Props #| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| right(px) | 返回顶部按钮出现的位置距离最右侧距离 | Number | 40 |
| bottom(px) | 返回顶部按钮出现的位置距离最底部距离 | Number | 40 |
| height(px) | 返回顶部按钮出现的位置 | Number | 200 |
<back-top> Slots #| 插槽名 | 描述 | 参数 |
|---|---|---|
| default | 返回顶部容器的内容 | - |