Skip to content

Commit

Permalink
docs(pull-down-refresh): mobile-react 组件样式及文档对齐vue (#1925)
Browse files Browse the repository at this point in the history
  • Loading branch information
epoll-j authored Sep 12, 2024
1 parent a211610 commit dbb7571
Show file tree
Hide file tree
Showing 3 changed files with 19 additions and 12 deletions.
15 changes: 15 additions & 0 deletions docs/mobile/api/pull-down-refresh.en-US.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
---
title: PullDownRefresh
description: Used to quickly refresh the page information. The refresh can be the whole page or part of the page.
spline: base
isComponent: true
toc: false
---

## Code Demo

### Top PullDownRefresh

Since page scrolling cannot be monitored within the component, the page needs to get the component instance and pass the page scrolling event to the component.

{{ base }}
14 changes: 3 additions & 11 deletions docs/mobile/api/pull-down-refresh.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,10 @@ isComponent: true
toc: false
---

### 顶部下拉刷新

下拉刷新会触发 refresh 事件

通过 `loadingTexts` 属性可以自定义多个状态的文案,默认值为 ['下拉刷新', '松手刷新', '正在刷新', '刷新完成']
## 代码演示

通过 `loadingBarHeight` 属性可以自定义下拉区域高度,默认为 50px

通过 `maxBarHeight` 属性可以自定义最大下拉高度,默认为 80px

通过 `loadingProps` 属性可以自定义 loading 图标的属性
### 顶部下拉刷新

通过 `refreshTimeout` 属性可以自定义加载超时时间,默认为 3000ms。超时后会触发 timeout 事件,可传入回调函数
由于组件内无法监听页面滚动,需要由页面获取组件实例,并将页面滚动事件传递到组件。

{{ base }}
2 changes: 1 addition & 1 deletion style/mobile/components/_index.less
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@

@import "./back-top/_index.less";

@import "./pull-down-refresh/_index.less";
// @import "./pull-down-refresh/_index.less";

@import "./result/_index.less";

Expand Down

0 comments on commit dbb7571

Please sign in to comment.