Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
06dc2b90
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,发现更多精彩内容 >>
提交
06dc2b90
编写于
11月 08, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
improve steps line css style
上级
bb953b33
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
27 addition
and
5 deletion
+27
-5
components/steps/demo/vertical-small.md
components/steps/demo/vertical-small.md
+1
-1
components/steps/demo/vertical.md
components/steps/demo/vertical.md
+1
-1
style/components/steps.less
style/components/steps.less
+25
-3
未找到文件。
components/steps/demo/vertical-small.md
浏览文件 @
06dc2b90
...
...
@@ -26,5 +26,5 @@ const steps = [{
);
});
ReactDOM
.
render
(<
Steps
size
=
'small'
direction
=
'vertical'
current
=
{
1
}
>
{
steps
}
</
Steps
>,
container
);
ReactDOM
.
render
(<
Steps
size
=
"small"
direction
=
"vertical"
current
=
{
1
}
>
{
steps
}
</
Steps
>,
container
);
````
components/steps/demo/vertical.md
浏览文件 @
06dc2b90
...
...
@@ -29,5 +29,5 @@ const steps = [{
);
});
ReactDOM
.
render
(<
Steps
direction
=
'vertical'
current
=
{
1
}
>
{
steps
}
</
Steps
>,
container
);
ReactDOM
.
render
(<
Steps
direction
=
"vertical"
current
=
{
1
}
>
{
steps
}
</
Steps
>,
container
);
````
style/components/steps.less
浏览文件 @
06dc2b90
...
...
@@ -69,8 +69,11 @@
color: @finish-icon-color;
}
}
.@{steps-prefix-cls}-tail > i {
background-color: @finish-tail-color;
.@{steps-prefix-cls}-tail > i:after {
width: 100%;
background: @finish-tail-color;
transition: all 0.4s ease;
opacity: 1;
}
.@{steps-prefix-cls}-title {
color: @finish-title-color;
...
...
@@ -169,7 +172,16 @@
height: 1px;
border-radius: 1px;
width: 100%;
transition: background 0.3s ease;
position: relative;
&:after {
position: absolute;
content: '';
top: 0;
width: 0;
background: #e9e9e9;
height: 100%;
opacity: 0;
}
}
}
...
...
@@ -237,6 +249,16 @@
> i {
height: 100%;
width: 1px;
&:after {
height: 0;
width: 100%;
}
}
}
.@{steps-prefix-cls}-status-finish {
.@{steps-prefix-cls}-tail > i:after {
height: 100%;
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录