Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
4a61592f
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
4a61592f
编写于
9月 02, 2015
作者:
Z
zhujun24
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
optimize
上级
a2c8fbe5
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
21 addition
and
16 deletion
+21
-16
components/timeline/index.jsx
components/timeline/index.jsx
+3
-3
style/components/timeline.less
style/components/timeline.less
+18
-13
未找到文件。
components/timeline/index.jsx
浏览文件 @
4a61592f
...
@@ -34,13 +34,13 @@ Timeline.Item = React.createClass({
...
@@ -34,13 +34,13 @@ Timeline.Item = React.createClass({
let
prefixCls
=
props
.
prefixCls
;
let
prefixCls
=
props
.
prefixCls
;
let
color
=
props
.
color
;
let
color
=
props
.
color
;
let
end
=
props
.
end
;
let
end
=
props
.
end
;
let
endCls
=
end
?
prefixCls
+
'
-item-
tail-end
'
:
''
;
let
endCls
=
end
?
prefixCls
+
'
-item-
last
'
:
''
;
let
last
=
end
?
<
div
className
=
{
prefixCls
+
'
-item-head
'
+
prefixCls
+
'
-item-head-end
'
}
></
div
>
:
null
;
let
last
=
end
?
<
div
className
=
{
prefixCls
+
'
-item-head
'
+
prefixCls
+
'
-item-head-end
'
}
></
div
>
:
null
;
let
lastLineShow
=
(
props
.
timelineLast
&&
!
end
)
?
'
none
'
:
'
block
'
;
let
lastLineShow
=
(
props
.
timelineLast
&&
!
end
)
?
'
none
'
:
'
block
'
;
return
(
return
(
<
li
className
=
{
prefixCls
+
'
-item
'
}
>
<
li
className
=
{
prefixCls
+
'
-item
'
+
endCls
}
>
<
div
style
=
{
{
display
:
lastLineShow
}
}
className
=
{
prefixCls
+
'
-item-tail
'
+
endCls
}
></
div
>
<
div
style
=
{
{
display
:
lastLineShow
}
}
className
=
{
prefixCls
+
'
-item-tail
'
}
></
div
>
<
div
className
=
{
prefixCls
+
'
-item-head
'
+
prefixCls
+
'
-item-head-
'
+
color
}
></
div
>
<
div
className
=
{
prefixCls
+
'
-item-head
'
+
prefixCls
+
'
-item-head-
'
+
color
}
></
div
>
<
div
className
=
{
prefixCls
+
'
-item-content
'
}
>
{
props
.
children
}
</
div
>
<
div
className
=
{
prefixCls
+
'
-item-content
'
}
>
{
props
.
children
}
</
div
>
{
last
}
{
last
}
...
...
style/components/timeline.less
浏览文件 @
4a61592f
...
@@ -7,28 +7,21 @@
...
@@ -7,28 +7,21 @@
.@{timeline-prefix-cls} {
.@{timeline-prefix-cls} {
&-item {
&-item {
position: relative;
position: relative;
min-height: 36px;
padding-bottom: 12px;
padding-bottom: 16px;
&-tail {
&-tail {
position: absolute;
position: absolute;
left: 5px;
left: 5px;
margin-top: 2px;
top: 0;
z-index: 1;
height: 100%;
height: 100%;
border-left: 2px solid @timeline-color;
border-left: 2px solid @timeline-color;
&-end {
border-left: 2px dotted @timeline-color;
}
}
}
&-head {
&-head {
position: absolute;
position: absolute;
z-index: 2;
width: 12px;
width: 12px;
height: 12px;
height: 12px;
background-color: #fff;
background-color: #fff;
margin-top: 2px;
border-radius: 6px;
border-radius: 6px;
&-blue {
&-blue {
border: 2px solid @primary-color;
border: 2px solid @primary-color;
...
@@ -39,16 +32,28 @@
...
@@ -39,16 +32,28 @@
&-green {
&-green {
border: 2px solid @success-color;
border: 2px solid @success-color;
}
}
&-end{
&-end {
position: absolute;
bottom: -12px;
border: 2px solid @timeline-color;
border: 2px solid @timeline-color;
}
}
}
}
&-content {
&-content {
margin-left: 24px;
min-height: 36px;
position: relative;
left: 24px;
top: -2px;
font-size: 12px;
font-size: 12px;
padding-bottom: 10px;
}
&-last {
.@{timeline-prefix-cls}-item-tail {
border-left: 2px dotted @timeline-color;
}
.@{timeline-prefix-cls}-item-content {
min-height: 70px;
padding-bottom: 30px;
}
}
}
}
}
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录