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

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

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