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

update sticky-header.uvue

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