Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
1f56102b
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
5998
Star
91
Fork
163
代码
文件
提交
分支
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看板
提交
1f56102b
编写于
9月 27, 2023
作者:
shutao-dc
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'dev' of
https://gitcode.net/dcloud/hello-uni-app-x
into dev
上级
b6e64c76
05233df7
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
10 addition
and
8 deletion
+10
-8
pages/template/long-list/long-list.uvue
pages/template/long-list/long-list.uvue
+8
-7
pages/template/swiper-list/swiper-list.uvue
pages/template/swiper-list/swiper-list.uvue
+2
-1
未找到文件。
pages/template/long-list/long-list.uvue
浏览文件 @
1f56102b
...
...
@@ -24,7 +24,7 @@
</scroll-view>
</template>
<script>
<script>
import { ComponentPublicInstance } from 'vue';
import longPage from './long-list-page.uvue';
...
...
@@ -109,10 +109,10 @@
const deltaY = event.deltaY
const scrollTop = this.$pageScrollView!.scrollTop
//
/
优先处理父容器滚动,父容器不能滚动时滚动子
// 向上滚动
// 优先处理父容器滚动,父容器不能滚动时滚动子
if (deltaY > 0) {
// 如果父容器 header scrollTop < offsetHeight,先滚动父容器
//
向上滚动,
如果父容器 header scrollTop < offsetHeight,先滚动父容器
if (scrollTop < this.$headerHeight) {
const difference = this.$headerHeight - scrollTop - deltaY
if (difference > 0) {
...
...
@@ -193,9 +193,10 @@
}
},
updateTabIndicator(current_index : number, move_to_index : number, percentage : number) {
// 计算指示线
const current_size = this.$swiperTabsRect[current_index]
const move_to_size = this.$swiperTabsRect[move_to_index]
// 计算指示线 左边距 和 宽度 在移动过程中的线性值
const indicator_line_x = lerpNumber(current_size.x, move_to_size.x, percentage)
const indicator_line_w = lerpNumber(current_size.w, move_to_size.w, percentage)
...
...
@@ -235,7 +236,7 @@
}
.swiper-tabs {
background-color: #ffffff;
background-color: #ffffff;
flex-direction: column;
}
...
...
@@ -262,4 +263,4 @@
.swiper-item {
flex: 1;
}
</style>
</style>
\ No newline at end of file
pages/template/swiper-list/swiper-list.uvue
浏览文件 @
1f56102b
...
...
@@ -124,9 +124,10 @@
}
},
updateTabIndicator(current_index : number, move_to_index : number, percentage : number) {
// 计算指示线
const current_size = this.$swiperTabsRect[current_index]
const move_to_size = this.$swiperTabsRect[move_to_index]
// 计算指示线 左边距 和 宽度 在移动过程中的线性值
const indicator_line_x = lerpNumber(current_size.x, move_to_size.x, percentage)
const indicator_line_w = lerpNumber(current_size.w, move_to_size.w, percentage)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录