u1-back-top 返回顶部

u1-back-top 是基于 uView u-back-top 修改的返回顶部组件，用于长页面快速回到顶部。

基础用法

vue

<template>
  <view>
    <!-- 页面内容 -->
    <u1-back-top :scrollTop="scrollTop"></u1-back-top>
  </view>
</template>

<script>
export default {
  onPageScroll(e) {
    this.scrollTop = e.scrollTop;
  },
  data() {
    return {
      scrollTop: 0
    }
  }
}
</script>

Props

参数	说明	类型	默认值
mode	形状，circle-圆形，square-方形	String	`'circle'`
icon	自定义图标	String	`'arrow-upward'`
text	提示文字	String	-
duration	返回顶部滚动时间 (ms)	String \| Number	`100`
scrollTop	页面滚动距离	String \| Number	`0`
top	距离顶部多少距离显示 (px)	String \| Number	`400`
bottom	距离底部距离 (px)	String \| Number	`100`
right	距离右侧距离 (px)	String \| Number	`20`
zIndex	层级	String \| Number	`9`

Events

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

u1-back-top 返回顶部 ​

基础用法 ​

Props ​

Events ​

u1-back-top 返回顶部

基础用法

Props

Events