Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
寒墨茗殇
h5中 css实现仿卡片切换
提交
8f771d4a
H
h5中 css实现仿卡片切换
项目概览
寒墨茗殇
/
h5中 css实现仿卡片切换
与 Fork 源项目一致
Fork自
inscode / VueJS
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
h5中 css实现仿卡片切换
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
8f771d4a
编写于
7月 04, 2025
作者:
Q
qq_40591925
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Auto Commit
上级
14c9fd22
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
4 addition
and
2 deletion
+4
-2
src/App.vue
src/App.vue
+4
-2
未找到文件。
src/App.vue
浏览文件 @
8f771d4a
...
@@ -12,7 +12,6 @@
...
@@ -12,7 +12,6 @@
const
startTime
=
performance
.
now
();
const
startTime
=
performance
.
now
();
const
startScroll
=
Dom
.
scrollLeft
;
const
startScroll
=
Dom
.
scrollLeft
;
const
duration
=
150
;
const
duration
=
150
;
isSnap
.
value
=
false
;
const
animate
=
(
timestamp
:
number
)
=>
{
const
animate
=
(
timestamp
:
number
)
=>
{
const
progress
=
(
timestamp
-
startTime
)
/
duration
;
const
progress
=
(
timestamp
-
startTime
)
/
duration
;
if
(
progress
<
1
)
{
if
(
progress
<
1
)
{
...
@@ -38,6 +37,7 @@
...
@@ -38,6 +37,7 @@
const
container
=
scrollContainer
.
value
const
container
=
scrollContainer
.
value
const
containerWidth
=
container
?.
clientWidth
||
0
;
const
containerWidth
=
container
?.
clientWidth
||
0
;
const
currentScroll
=
container
?.
scrollLeft
||
0
;
const
currentScroll
=
container
?.
scrollLeft
||
0
;
isSnap
.
value
=
false
;
let
scrollLeft
=
0
;
let
scrollLeft
=
0
;
if
(
type
===
'
prev
'
){
if
(
type
===
'
prev
'
){
scrollLeft
=
currentScroll
-
containerWidth
;
scrollLeft
=
currentScroll
-
containerWidth
;
...
@@ -46,7 +46,9 @@
...
@@ -46,7 +46,9 @@
}
}
scrollLeft
=
scrollLeft
<
0
?
0
:
scrollLeft
scrollLeft
=
scrollLeft
<
0
?
0
:
scrollLeft
// 有动画
// 有动画
changeScroll
(
container
as
HTMLElement
,
scrollLeft
)
setTimeout
(()
=>
{
changeScroll
(
container
as
HTMLElement
,
scrollLeft
)
},
0
)
}
}
const
handleScroll
=
()
=>
{
const
handleScroll
=
()
=>
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录