Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
27a233dd
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
5995
Star
90
Fork
162
代码
文件
提交
分支
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看板
提交
27a233dd
编写于
10月 13, 2023
作者:
shutao-dc
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update sticky-header.uvue
上级
a1c2aa9b
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
16 addition
and
7 deletion
+16
-7
pages/component/sticky-header/sticky-header.uvue
pages/component/sticky-header/sticky-header.uvue
+16
-7
未找到文件。
pages/component/sticky-header/sticky-header.uvue
浏览文件 @
27a233dd
<template>
<list-view :scroll-y="true" class="page" rebound="
fals
e" :scroll-top="scroll_top_input" :refresher-enabled="refresher_enabled_boolean"
<list-view :scroll-y="true" class="page" rebound="
tru
e" :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:
tru
e,
refresher_enabled_boolean:
fals
e,
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录