提交 27a233dd 编写于 作者: shutao-dc's avatar shutao-dc

update sticky-header.uvue

上级 a1c2aa9b
<template>
<list-view :scroll-y="true" class="page" rebound="false" :scroll-top="scroll_top_input" :refresher-enabled="refresher_enabled_boolean"
<list-view :scroll-y="true" class="page" rebound="true" :scroll-top="scroll_top_input" :refresher-enabled="refresher_enabled_boolean"
:refresher-triggered="refresher_triggered_boolean" @refresherrefresh="list_view_refresherrefresh">
<list-item type = 1>
<image src="/static/shuijiao.jpg" style="height: 240px;"></image>
<swiper indicator-dots="true" style="flex-direction: row;" circular="true">
<swiper-item item-id="1">
<image src="/static/shuijiao.jpg" style="height: 240px;"></image>
</swiper-item>
<swiper-item item-id="2">
<image src="/static/shuijiao.jpg" style="height: 240px;"></image>
</swiper-item>
<swiper-item item-id="3">
<image src="/static/shuijiao.jpg" style="height: 240px;"></image>
</swiper-item>
</swiper>
</list-item>
<list-item class="content-item" type = 2>
<text class="text">向上滑动页面,体验sticky-header吸顶效果。</text>
</list-item>
<sticky-header>
<scroll-view style="background-color: white; flex-direction: row;" :scroll-x="true" :scroll-y="false" :show-scrollbar="false">
<scroll-view style="background-color: #f5f5f5; flex-direction: row;" :scroll-x="true" :scroll-y="false" :show-scrollbar="false">
<view class="flex-row" style="align-self: flex-start; flex-direction: row;">
<text ref="swipertab" class="sift-item"
v-for="name in sift_item" @click="">
......@@ -28,9 +38,9 @@
export default {
data() {
return {
sift_item: ["最新上架", "免费热榜", "付费热榜", "热门总榜", "观看最多", "平分最高", "下载总榜", "访问排行", "回复总榜"],
sift_item: ["排序", "筛选"],
list_item: [] as Array<string>,
refresher_enabled_boolean: true,
refresher_enabled_boolean: false,
refresher_triggered_boolean: false,
scroll_top_input: 0
}
......@@ -38,7 +48,7 @@
onLoad() {
let lists : Array<string> = []
for (let i = 0; i < 40; i++) {
lists.push("list-item-" + i)
lists.push("item---" + i)
}
this.list_item = lists
},
......@@ -76,7 +86,6 @@
}
.sift-item {
background-color: #f5f5f5;
color: #555;
font-size: 16px;
padding: 12px 15px;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册