Skip to content
目录

BackTop 返回顶部

返回页面顶部的操作按钮。

何时使用

  • 当页面内容区域比较长时;
  • 当用户需要频繁返回顶部查看相关内容时。

代码演示

tsx
<script setup>
import { AlanBackTop } from '@xiaomh/vue3-alan-vite-component';
</script>

<template>
  {/* 默认 */}
 <AlanBackTop></AlanBackTop>
</template>

<style></style>

<script setup>
import { AlanBackTop } from '@xiaomh/vue3-alan-vite-component';
</script>

<template>
  {/* 默认 */}
 <AlanBackTop></AlanBackTop>
</template>

<style></style>

1
2
3
4
5
6
7
8
9
10
11

API

属性说明

属性说明类型默认值版本
visibilityHeight滚动高度达到此参数值才出现 BackTopnumber4001.0.18

slot 属性说明

slot Name说明版本
defalut用于自定义内容样式1.0.18

Welcome to the site