Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wychl
uni-app
提交
b3bb8c7c
U
uni-app
项目概览
wychl
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
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,发现更多精彩内容 >>
提交
b3bb8c7c
编写于
11月 16, 2018
作者:
蓝色的小猫咪
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
统一倒计时组件命名
上级
f6213816
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
99 addition
and
6 deletion
+99
-6
examples/hello-uniapp/components/uni-countdown.vue
examples/hello-uniapp/components/uni-countdown.vue
+94
-0
examples/hello-uniapp/pages/template/countdown/countdown.vue
examples/hello-uniapp/pages/template/countdown/countdown.vue
+5
-6
未找到文件。
examples/hello-uniapp/components/uni-countdown.vue
0 → 100644
浏览文件 @
b3bb8c7c
<
template
name=
"uni-countdown"
>
<view
class=
"uni-countdown"
>
<view
class=
"uni-countdown-numbers"
:style=
"
{borderColor:borderColor, color:fontColor, background:bgrColor}">
{{
h
}}
</view>
<view
class=
"uni-countdown-splitor"
:style=
"
{color:splitorColor}">:
</view>
<view
class=
"uni-countdown-numbers"
:style=
"
{borderColor:borderColor, color:fontColor, background:bgrColor}">
{{
i
}}
</view>
<view
class=
"uni-countdown-splitor"
:style=
"
{color:splitorColor}">:
</view>
<view
class=
"uni-countdown-numbers"
:style=
"
{borderColor:borderColor, color:fontColor, background:bgrColor}">
{{
s
}}
</view>
</view>
</
template
>
<
script
>
export
default
{
name
:
"
uni-countdown
"
,
props
:
{
bgrColor
:
{
type
:
String
,
default
:
"
#FFFFFF
"
},
borderColor
:{
type
:
String
,
default
:
"
#000000
"
},
fontColor
:
{
type
:
String
,
value
:
"
#000000
"
},
splitorColor
:
{
type
:
String
,
default
:
"
#000000
"
},
timer
:{
type
:
String
,
default
:
""
}
},
data
()
{
return
{
setTime
:
null
,
h
:
'
00
'
,
i
:
'
00
'
,
s
:
'
00
'
,
leftTime
:
0
}
},
created
:
function
(
e
){
var
reg
=
/^
([
0-9
]{4})
-
([
0-9
]{2})
-
([
0-9
]{2})
([
0-9
]{2})
:
([
0-9
]{2})
:
([
0-9
]{2})
$/
;
var
res
=
this
.
timer
.
match
(
reg
);
if
(
res
==
null
){
console
.
log
(
'
时间格式错误
'
);
return
false
;
}
else
{
var
year
=
parseInt
(
res
[
1
]);
if
(
year
<
1000
)
{
console
.
log
(
'
时间格式错误
'
);
return
false
;
}
var
month
=
parseInt
(
res
[
2
]);
var
day
=
parseInt
(
res
[
3
]);
var
h
=
parseInt
(
res
[
4
]);
if
(
h
<
0
||
h
>
24
)
{
console
.
log
(
'
时间格式错误
'
);
return
false
;
}
var
i
=
parseInt
(
res
[
5
]);
if
(
i
<
0
||
i
>
60
)
{
console
.
log
(
'
时间格式错误
'
);
return
false
;
}
var
s
=
parseInt
(
res
[
6
]);
if
(
s
<
0
||
s
>
60
)
{
console
.
log
(
'
时间格式错误
'
);
return
false
;
}
var
leftTime
=
new
Date
(
year
,
month
-
1
,
day
,
h
,
i
,
s
);
this
.
leftTime
=
leftTime
;
this
.
countDown
(
this
);
this
.
setInterValFunc
(
this
);
}
},
beforeDestroy
(){
clearInterval
(
this
.
setTime
)
},
methods
:
{
setInterValFunc
:
function
(
obj
){
this
.
setTime
=
setInterval
(
function
(){
obj
.
countDown
(
obj
);},
1000
);
},
countDown
:
function
(
self
){
var
leftTime
=
self
.
leftTime
-
new
Date
();
if
(
leftTime
>
0
)
{
var
hours
=
parseInt
(
leftTime
/
1000
/
60
/
60
,
10
);
var
minutes
=
parseInt
(
leftTime
/
1000
/
60
%
60
,
10
);
var
seconds
=
parseInt
(
leftTime
/
1000
%
60
,
10
);
}
else
{
var
hours
=
0
,
minutes
=
0
,
seconds
=
0
;
}
if
(
hours
<
10
)
{
hours
=
'
0
'
+
hours
;}
if
(
minutes
<
10
)
{
minutes
=
'
0
'
+
minutes
;
}
if
(
seconds
<
10
)
{
seconds
=
'
0
'
+
seconds
;
}
self
.
h
=
hours
;
self
.
i
=
minutes
;
self
.
s
=
seconds
;
}
}
}
</
script
>
<
style
>
.uni-countdown
{
padding
:
2
rpx
0
;
flex-wrap
:
nowrap
;}
.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
examples/hello-uniapp/pages/template/countdown/countdown.vue
浏览文件 @
b3bb8c7c
...
...
@@ -3,20 +3,20 @@
<page-head
:title=
"title"
></page-head>
<view
class=
"uni-text-small uni-center"
style=
"margin:80upx 0 20upx 0;"
>
示例1
</view>
<view
style=
"justify-content:center;"
>
<
graceCountd
:timer=
"timer1"
></graceCountd
>
<
uni-countdown
:timer=
"timer1"
></uni-countdown
>
</view>
<view
class=
"uni-text-small uni-center"
style=
"margin:80rpx 0 20rpx 0;"
>
示例2
</view>
<view
style=
"justify-content:center; background:#00B26A; padding:50rpx 0;"
>
<
graceCountd
:timer=
"timer2"
borderColor=
"#FFFFFF"
splitorColor=
"#FFF"
fontColor=
"#FFFFFF"
bgrColor=
"none"
></graceCountd
>
<
uni-countdown
:timer=
"timer2"
borderColor=
"#FFFFFF"
splitorColor=
"#FFF"
fontColor=
"#FFFFFF"
bgrColor=
"none"
></uni-countdown
>
</view>
<view
class=
"uni-text-small uni-center"
style=
"margin:80rpx 0 20rpx 0;"
>
示例3
</view>
<view
style=
"justify-content:center;"
>
<
graceCountd
fontColor=
"#FFFFFF"
bgrColor=
"#000000"
:timer=
"timer3"
></graceCountd
>
<
uni-countdown
fontColor=
"#FFFFFF"
bgrColor=
"#000000"
:timer=
"timer3"
></uni-countdown
>
</view>
</view>
</
template
>
<
script
>
import
graceCountd
from
"
../../../components/graceCountd
.vue
"
;
import
uniCountdown
from
"
../../../components/uni-countdown
.vue
"
;
export
default
{
data
()
{
var
dateObj
=
new
Date
();
...
...
@@ -32,7 +32,7 @@
}
},
components
:
{
graceCountd
uniCountdown
},
methods
:
{
formatDateTime
(
inputTime
)
{
//时间戳 转 YY-mm-dd HH:ii:ss
...
...
@@ -61,7 +61,6 @@
flex-wrap
:
wrap
;
justify-content
:
center
;
}
.uni-countdown
{
padding
:
2
rpx
0
;
flex-wrap
:
nowrap
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录