提交 83d7497a 编写于 作者: W wanganxp

给分区吸顶增加api滚动测试

上级 2d2ee33d
<template> <template>
<list-view :scroll-y="true" ref="list-view" class="page" scroll-x="true" rebound="false"> <list-view id="list-view" ref="list-view" class="page" rebound="false">
<sticky-section v-for="(sectionText) in data" :padding="sectionPadding" :push-pinned-header="true"> <sticky-section v-for="(sectionText) in data" :padding="sectionPadding" :push-pinned-header="true">
<sticky-header :header-id="sectionText"> <sticky-header :header-id="sectionText">
<text class="sticky-header-text">{{sectionText}}</text> <text class="sticky-header-text">{{sectionText}}</text>
...@@ -8,6 +8,10 @@ ...@@ -8,6 +8,10 @@
<text class="text">{{sectionText}}--item--content----{{i}}</text> <text class="text">{{sectionText}}--item--content----{{i}}</text>
</list-item> </list-item>
</sticky-section> </sticky-section>
<list-item style="padding: 10px; margin: 5px 0;align-items: center;">
<!-- <text style="color: #aaa">到底了</text> -->
<button @click="toTop" size="mini">回到顶部</button>
</list-item>
</list-view> </list-view>
</template> </template>
...@@ -15,11 +19,14 @@ ...@@ -15,11 +19,14 @@
export default { export default {
data() { data() {
return { return {
data: ['A','B','C','D','E','F','G','H','I','J','K','L','M','N'], data: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N'],
sectionPadding: [0,10,0,10] as Array <number> sectionPadding: [0, 10, 0, 10] as Array<number>
} }
}, },
methods: { methods: {
toTop(){
uni.getElementById("list-view")!.scrollTop = 0
},
//用于自动化测试 //用于自动化测试
listViewScrollByY(y : number) { listViewScrollByY(y : number) {
const listview = this.$refs["list-view"] as Element const listview = this.$refs["list-view"] as Element
...@@ -34,12 +41,14 @@ ...@@ -34,12 +41,14 @@
flex: 1; flex: 1;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.sticky-header-text { .sticky-header-text {
font-size: 16px; font-size: 16px;
padding: 8px; padding: 8px;
color: #959595; color: #959595;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.content-item { .content-item {
padding: 15px; padding: 15px;
margin: 5px 0; margin: 5px 0;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册