Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Velpro187
uni-app
提交
320a7a69
U
uni-app
项目概览
Velpro187
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
320a7a69
编写于
11月 15, 2018
作者:
H
hulinneil
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
解决倒计时组件及示例时间不会重置的问题
上级
f10aefa4
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
72 addition
and
41 deletion
+72
-41
examples/hello-uniapp/components/graceCountd.vue
examples/hello-uniapp/components/graceCountd.vue
+7
-3
examples/hello-uniapp/pages/template/countdown/countdown.vue
examples/hello-uniapp/pages/template/countdown/countdown.vue
+65
-38
未找到文件。
examples/hello-uniapp/components/graceCountd.vue
浏览文件 @
320a7a69
...
...
@@ -7,7 +7,7 @@
<view
class=
"grace-countdown-numbers"
:style=
"
{borderColor:borderColor, color:fontColor, background:bgrColor}">
{{
s
}}
</view>
</view>
</
template
>
<
script
>
<
script
>
export
default
{
name
:
"
graceCountd
"
,
props
:
{
...
...
@@ -33,7 +33,8 @@ export default {
}
},
data
()
{
return
{
return
{
setTime
:
null
,
h
:
'
00
'
,
i
:
'
00
'
,
s
:
'
00
'
,
...
...
@@ -62,9 +63,12 @@ export default {
this
.
setInterValFunc
(
this
);
}
},
beforeDestroy
(){
clearInterval
(
this
.
setTime
)
},
methods
:
{
setInterValFunc
:
function
(
obj
){
setInterval
(
function
(){
obj
.
countDown
(
obj
);},
1000
);
this
.
setTime
=
setInterval
(
function
(){
obj
.
countDown
(
obj
);},
1000
);
},
countDown
:
function
(
self
){
var
leftTime
=
self
.
leftTime
-
new
Date
();
...
...
examples/hello-uniapp/pages/template/countdown/countdown.vue
浏览文件 @
320a7a69
...
...
@@ -17,46 +17,73 @@
</
template
>
<
script
>
import
graceCountd
from
"
../../../components/graceCountd.vue
"
;
//模拟3个时间
var
dateObj
=
new
Date
();
var
currentTime
=
dateObj
.
getTime
();
var
timer1
=
formatDateTime
((
currentTime
+
1000
*
2000
));
var
timer2
=
formatDateTime
((
currentTime
+
1000
*
3000
));
var
timer3
=
formatDateTime
((
currentTime
+
1000
*
5000
));
//时间戳 转 YY-mm-dd HH:ii:ss
function
formatDateTime
(
inputTime
){
var
date
=
new
Date
(
inputTime
);
var
y
=
date
.
getFullYear
();
var
m
=
date
.
getMonth
()
+
1
;
m
=
m
<
10
?
(
'
0
'
+
m
)
:
m
;
var
d
=
date
.
getDate
();
d
=
d
<
10
?
(
'
0
'
+
d
)
:
d
;
var
h
=
date
.
getHours
();
h
=
h
<
10
?
(
'
0
'
+
h
)
:
h
;
var
minute
=
date
.
getMinutes
();
var
second
=
date
.
getSeconds
();
minute
=
minute
<
10
?
(
'
0
'
+
minute
)
:
minute
;
second
=
second
<
10
?
(
'
0
'
+
second
)
:
second
;
return
y
+
'
-
'
+
m
+
'
-
'
+
d
+
'
'
+
h
+
'
:
'
+
minute
+
'
:
'
+
second
;
};
export
default
{
data
(){
return
{
title
:
'
倒计时
'
,
timer1
:
timer1
,
timer2
:
timer2
,
timer3
:
timer3
}
},
components
:{
graceCountd
data
()
{
var
dateObj
=
new
Date
();
var
currentTime
=
dateObj
.
getTime
();
var
timer1
=
this
.
formatDateTime
((
currentTime
+
1000
*
2000
));
var
timer2
=
this
.
formatDateTime
((
currentTime
+
1000
*
3000
));
var
timer3
=
this
.
formatDateTime
((
currentTime
+
1000
*
5000
));
return
{
title
:
'
倒计时
'
,
timer1
:
timer1
,
timer2
:
timer2
,
timer3
:
timer3
}
},
components
:
{
graceCountd
},
methods
:
{
formatDateTime
(
inputTime
)
{
//时间戳 转 YY-mm-dd HH:ii:ss
var
date
=
new
Date
(
inputTime
);
var
y
=
date
.
getFullYear
();
var
m
=
date
.
getMonth
()
+
1
;
m
=
m
<
10
?
(
'
0
'
+
m
)
:
m
;
var
d
=
date
.
getDate
();
d
=
d
<
10
?
(
'
0
'
+
d
)
:
d
;
var
h
=
date
.
getHours
();
h
=
h
<
10
?
(
'
0
'
+
h
)
:
h
;
var
minute
=
date
.
getMinutes
();
var
second
=
date
.
getSeconds
();
minute
=
minute
<
10
?
(
'
0
'
+
minute
)
:
minute
;
second
=
second
<
10
?
(
'
0
'
+
second
)
:
second
;
return
y
+
'
-
'
+
m
+
'
-
'
+
d
+
'
'
+
h
+
'
:
'
+
minute
+
'
:
'
+
second
;
}
},
}
}
</
script
>
<
style
>
view
{
display
:
flex
;
width
:
100%
;
flex-wrap
:
wrap
;
justify-content
:
center
;}
.uni-countdown
{
padding
:
2
rpx
0
;
flex-wrap
:
nowrap
;
justify-content
:
center
;}
.uni-countdown-splitor
{
width
:
auto
!important
;
justify-content
:
center
;
line-height
:
44
upx
;
padding
:
0
5
upx
;}
.uni-countdown-numbers
{
line-height
:
44
upx
;
width
:
auto
!important
;
padding
:
0
10
upx
;
justify-content
:
center
;
height
:
44
upx
;
border-radius
:
8
upx
;
margin
:
0
5
upx
;
border
:
1px
solid
#000000
;
font-size
:
22
upx
;}
</
style
>
\ No newline at end of file
view
{
display
:
flex
;
width
:
100%
;
flex-wrap
:
wrap
;
justify-content
:
center
;
}
.uni-countdown
{
padding
:
2
rpx
0
;
flex-wrap
:
nowrap
;
justify-content
:
center
;
}
.uni-countdown-splitor
{
width
:
auto
!important
;
justify-content
:
center
;
line-height
:
44
upx
;
padding
:
0
5
upx
;
}
.uni-countdown-numbers
{
line-height
:
44
upx
;
width
:
auto
!important
;
padding
:
0
10
upx
;
justify-content
:
center
;
height
:
44
upx
;
border-radius
:
8
upx
;
margin
:
0
5
upx
;
border
:
1px
solid
#000000
;
font-size
:
22
upx
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录