更新记录
1.0.1(2023-07-07)
下载此版本
修改文档
1.0.0(2023-07-07)
下载此版本
平台兼容性
gd-back-top 返回顶部
使用方法
<template>
<gd-back-top :scrollTop="scrollTop"></gd-back-top>
</template>
<script>
export default {
data() {
return {
scrollTop: 0,
}
},
onPageScroll(e) {
this.scrollTop = e.scrollTop
},
methods: {},
}
</script>
Props
| 属性名 |
类型 |
默认值 |
可选值 |
说明 |
| scrollTop |
String / Number |
0 |
|
当前页面滚动距离 |
| mode |
String |
circle |
circle-圆形,square-方形 |
返回顶部的形状 |
| duration |
String / Number |
100 |
|
返回顶部滚动时间 |
| top |
String / Number |
400 |
|
距离顶部多少距离显示,单位rpx |
| tips |
String |
返回 |
|
返回文字 |
| bgColor |
String |
#e1e1e1 |
|
自定义背景色 |
| color |
String |
#000000 |
|
自定义文字颜色 |
Slot
| 名称 |
说明 |
| 默认插槽 |
可自定义展示内容,如:icon |