first commit
This commit is contained in:
66
uni_modules/tdesign-uniapp/components/sticky/README.md
Normal file
66
uni_modules/tdesign-uniapp/components/sticky/README.md
Normal file
@@ -0,0 +1,66 @@
|
||||
---
|
||||
title: Sticky 吸顶
|
||||
description: 用于常驻页面顶部的信息、操作展示。
|
||||
spline: data
|
||||
isComponent: true
|
||||
---
|
||||
|
||||
|
||||
## 引入
|
||||
|
||||
可在 `main.ts` 或在需要使用的页面或组件中引入。
|
||||
|
||||
```js
|
||||
import TSticky from '@tdesign/uniapp/sticky/sticky.vue';
|
||||
```
|
||||
|
||||
## 代码演示
|
||||
|
||||
将内容包裹在 `Sticky` 组件内
|
||||
|
||||
|
||||
### 基础吸顶
|
||||
|
||||
{{ base }}
|
||||
|
||||
|
||||
### 吸顶距离
|
||||
|
||||
{{ offset }}
|
||||
|
||||
### 指定容器
|
||||
|
||||
{{ container }}
|
||||
|
||||
|
||||
|
||||
## API
|
||||
|
||||
### Sticky Props
|
||||
|
||||
名称 | 类型 | 默认值 | 描述 | 必传
|
||||
-- | -- | -- | -- | --
|
||||
custom-style | Object | - | 自定义样式 | N
|
||||
container | Function | - | 函数返回容器对应的 NodesRef 节点,将对应节点指定为组件的外部容器,滚动时组件会始终保持在容器范围内,当组件即将超出容器底部时,会返回原位置 | N
|
||||
disabled | Boolean | false | 是否禁用组件 | N
|
||||
offset-top | String / Number | 0 | 吸顶时与顶部的距离,单位`px` | N
|
||||
z-index | Number | 99 | 吸顶时的 z-index | N
|
||||
|
||||
### Sticky Events
|
||||
|
||||
名称 | 参数 | 描述
|
||||
-- | -- | --
|
||||
scroll | `(context: { scrollTop: number, isFixed: boolean })` | 滚动时触发,scrollTop: 距离顶部位置,isFixed: 是否吸顶
|
||||
|
||||
### Sticky Slots
|
||||
|
||||
名称 | 描述
|
||||
-- | --
|
||||
\- | 默认插槽,自定义内容区域内容
|
||||
|
||||
### Sticky External Classes
|
||||
|
||||
类名 | 描述
|
||||
-- | --
|
||||
t-class | 根节点样式类
|
||||
t-class-content | 内容样式类
|
||||
Reference in New Issue
Block a user