ToTop

Introduce

页面置顶组件用于返回页面顶部，当然也可以设置定位的位置，通过修改定位可以改造成置底功能的按钮。

Usage

<template>
  <div>
    <to-top :scrollTop="500"></to-top>
  </div>
</template>
<script>
import { ToTop } from 'hg-vcomponents';
export default {
  ...
  components: {
    ToTop
  },
  ...
};
</script>

具体使用可参考该文件。

Options

配置项	值类型	描述
direction	top|bottom	规定显示的箭头方向，默认top
scrollTop	Number	规定滚动到什么位置时显示按钮，默认667(px)
position	Number	规定最终定位的位置，默认0(px)
bottom	String	规定按钮距离底部的位置，默认20px
right	String	规定按钮距离右边的位置，默认20px
height	String	规定按钮高度，默认30px
width	String	规定按钮宽度，默认30px
borderRadius	String	规定按钮圆角，默认6px
<slot></slot>	HTML	按钮内部显示内容，选填