ui-backtop 回到顶部组件

版本：v2.3.11

回到顶部组件用于快速返回页面顶部，支持自定义样式和触发条件

基本使用

<template>
  <div class="backtop-demo">
    <ui-backtop />
  </div>
</template>

<style scoped>
.backtop-demo {
  height: 1000px;
  background: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
}
</style>

Props

参数	类型	默认值	说明
visibilityHeight	Number	200	滚动高度达到此值时显示回到顶部按钮
zIndex	Number	100	按钮层级
right	Number	30	按钮距离右侧的距离，单位：px
bottom	Number	30	按钮距离底部的距离，单位：px

Events

事件	说明	回调参数
click	点击按钮时触	-

Slots

名称	说明
default	自定义按钮内

在线演示

扫码或点击链接在手机上查看完整演示

https://shadow-ui3-demo.nooko.cn