vue-element-plus-adminSticky 黏性组件
1.2.4 新增
Sticky 组件位于 src/components/Sticky 内
用法
<script setup lang="ts">
import { Sticky } from '@/components/Sticky'
</script>
<template>
<Sticky :offset="90">
<div style="padding: 10px; background-color: lightblue"> Sticky 距离顶部90px </div>
</Sticky>
</template>
Sticky 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| offset | 距离顶部或者底部的距离 | number | - | 0 |
| zIndex | 设置元素的堆叠顺序 | number | - | 999 |
| className | 设置指定的class | string/number | - | - |
| position | 定位方式，默认为(top)，表示距离顶部位置，可以设置为top或者bottom | string | top/bottom | top |