更新记录
1.0.0(2022-04-07)
下载此版本
首次发布
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
× |
- |
- |
√ |
× |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
- |
- |
- |
√ |
- |
√ |
√ |
插件的使用方式
推荐使用easycom组件)的形式,这样就可以省略掉部分代码
<template>
<view>
<view v-for="item in 200" :key="item">{{ item }}</view>
<lt-back-top />
</view>
</template>
<script>
// 导入组件
import LtBackTop from '@/components/lt-back-top/lt-back-top.vue'
// 导入mixin
import backMixins from '@/components/lt-back-top/back-mixins.js'
export default {
mixins: [backMixins],
components: {
LtBackTop
}
}
</script>
参数说明
参数 |
说明 |
类型 |
可选值 |
默认值 |
scroll |
滑动多远显示回到顶部按钮 |
Number |
— |
400 |
duration |
回到顶部的过渡时间 |
Number |
— |
300 |
slot
name |
说明 |
default |
默认插槽,自定义回到顶部按钮的图标 |