Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
ef4b31e0
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
6001
Star
91
Fork
163
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
ef4b31e0
编写于
5月 24, 2024
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
test(pulldown refresh): 优化下拉刷新示例并补充测试
上级
354384a3
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
114 addition
and
75 deletion
+114
-75
pages/API/pull-down-refresh/pull-down-refresh.test.js
pages/API/pull-down-refresh/pull-down-refresh.test.js
+33
-0
pages/API/pull-down-refresh/pull-down-refresh.uvue
pages/API/pull-down-refresh/pull-down-refresh.uvue
+81
-75
未找到文件。
pages/API/pull-down-refresh/pull-down-refresh.test.js
0 → 100644
浏览文件 @
ef4b31e0
const
PAGE_PATH
=
"
/pages/API/pull-down-refresh/pull-down-refresh
"
describe
(
"
payment
"
,
()
=>
{
if
(
process
.
env
.
uniTestPlatformInfo
.
indexOf
(
'
web
'
)
>
-
1
||
process
.
env
.
UNI_AUTOMATOR_APP_WEBVIEW
===
'
true
'
)
{
it
(
'
web || app-webview
'
,
()
=>
{
expect
(
1
).
toBe
(
1
)
})
return
}
it
(
"
trigger pulldown refresh by swipe
"
,
async
()
=>
{
const
page
=
await
program
.
navigateTo
(
PAGE_PATH
)
await
page
.
waitFor
(
'
view
'
)
await
page
.
waitFor
(
4000
)
await
page
.
setData
({
pulldownRefreshTriggered
:
false
})
await
program
.
swipe
({
startPoint
:
{
x
:
100
,
y
:
400
},
endPoint
:
{
x
:
100
,
y
:
800
},
duration
:
1000
})
await
page
.
waitFor
(
1500
)
expect
(
await
page
.
data
(
'
pulldownRefreshTriggered
'
)).
toBe
(
true
)
});
});
pages/API/pull-down-refresh/pull-down-refresh.uvue
浏览文件 @
ef4b31e0
<template>
<template>
<!-- #ifdef APP -->
<scroll-view style="flex: 1;">
<scroll-view style="flex: 1;">
<!-- #endif -->
<!-- 实际开发中,长列表应该使用list-view -->
<!-- 实际开发中,长列表应该使用list-view -->
<view class="uni-padding-wrap uni-common-mt">
<view class="uni-padding-wrap uni-common-mt">
<text class="text" v-for="(num,index) in data" :key="index">list - {{num}}</text>
<text class="text" v-for="(num,index) in data" :key="index">list - {{num}}</text>
<view v-if="showLoadMore">{{loadMoreText}}</view>
<view v-if="showLoadMore">{{loadMoreText}}</view>
</view>
</view>
<!-- #ifdef APP -->
</scroll-view>
</scroll-view>
<!-- #endif -->
</template>
</template>
<script lang="uts">
<script lang="uts">
export default {
export default {
...
@@ -14,7 +18,8 @@
...
@@ -14,7 +18,8 @@
data: [] as Array<number>,
data: [] as Array<number>,
loadMoreText: "加载中...",
loadMoreText: "加载中...",
showLoadMore: false,
showLoadMore: false,
max: 0
max: 0,
pulldownRefreshTriggered: false
}
}
},
},
onReady() {
onReady() {
...
@@ -34,16 +39,17 @@
...
@@ -34,16 +39,17 @@
},
},
onPullDownRefresh() {
onPullDownRefresh() {
console.log('onPullDownRefresh');
console.log('onPullDownRefresh');
this.pulldownRefreshTriggered = true
this.initData();
this.initData();
},
},
methods: {
methods: {
initData(){
initData() {
setTimeout(() => {
setTimeout(() => {
this.max = 0;
this.max = 0;
this.data = [];
this.data = [];
let data:Array<number> = [];
let data : Array<number> = [];
this.max += 20;
this.max += 20;
for (let i:number = this.max - 19; i < this.max + 1; i++) {
for (let i : number = this.max - 19; i < this.max + 1; i++) {
data.push(i)
data.push(i)
}
}
this.data = this.data.concat(data);
this.data = this.data.concat(data);
...
@@ -51,9 +57,9 @@
...
@@ -51,9 +57,9 @@
}, 1000);
}, 1000);
},
},
setListData() {
setListData() {
let data:Array<number> = [];
let data : Array<number> = [];
this.max += 10;
this.max += 10;
for (let i:number = this.max - 9; i < this.max + 1; i++) {
for (let i : number = this.max - 9; i < this.max + 1; i++) {
data.push(i)
data.push(i)
}
}
this.data = this.data.concat(data);
this.data = this.data.concat(data);
...
@@ -65,7 +71,7 @@
...
@@ -65,7 +71,7 @@
<style>
<style>
.text {
.text {
margin: 6px 0;
margin: 6px 0;
width:100%;
width: 100%;
background-color: #fff;
background-color: #fff;
height: 52px;
height: 52px;
line-height: 52px;
line-height: 52px;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录