Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
9a781439
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,发现更多精彩内容 >>
提交
9a781439
编写于
8月 31, 2015
作者:
Z
zhujun24
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
vertical re-stpes 1.2.1
上级
d720a908
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
63 addition
and
72 deletion
+63
-72
components/steps/index.jsx
components/steps/index.jsx
+4
-12
package.json
package.json
+1
-1
style/components/steps.less
style/components/steps.less
+58
-59
未找到文件。
components/steps/index.jsx
浏览文件 @
9a781439
...
...
@@ -4,26 +4,18 @@ import Steps from 'rc-steps';
const
AntSteps
=
React
.
createClass
({
getDefaultProps
()
{
return
{
prefixCls
:
'
ant-steps
'
,
iconPrefix
:
'
ant
'
,
size
:
'
default
'
,
maxDescriptionWidth
:
100
};
},
render
()
{
let
stepsCls
=
''
;
if
(
this
.
props
.
direction
===
'
vertical
'
)
{
if
(
this
.
props
.
size
===
'
small
'
)
{
stepsCls
=
'
ant-steps-vertical-small ant-steps
'
;
}
else
{
stepsCls
=
'
ant-steps-vertical ant-steps
'
;
}
}
else
{
stepsCls
=
'
ant-steps
'
;
}
return
(<
Steps
size
=
{
this
.
props
.
size
}
direction
=
{
this
.
props
.
direction
}
iconPrefix
=
{
this
.
props
.
iconPrefix
}
maxDescriptionWidth
=
{
this
.
props
.
maxDescriptionWidth
}
prefixCls
=
{
steps
Cls
}
>
prefixCls
=
{
this
.
props
.
prefix
Cls
}
>
{
this
.
props
.
children
}
</
Steps
>);
}
...
...
package.json
浏览文件 @
9a781439
...
...
@@ -52,7 +52,7 @@
"
rc-radio
"
:
"
~2.0.0
"
,
"
rc-select
"
:
"
~4.8.1
"
,
"
rc-slider
"
:
"
~1.4.0
"
,
"
rc-steps
"
:
"
~1.
1.4
"
,
"
rc-steps
"
:
"
~1.
2.1
"
,
"
rc-switch
"
:
"
~1.2.0
"
,
"
rc-table
"
:
"
~3.1.0
"
,
"
rc-tabs
"
:
"
~5.3.2
"
,
...
...
style/components/steps.less
浏览文件 @
9a781439
...
...
@@ -231,16 +231,17 @@
}
}
.@{steps-prefix-cls} {
.@{steps-prefix-cls}-item
.@{steps-vertical-prefix-cls}
{
.@{steps-prefix-cls}
-vertical
{
.@{steps-prefix-cls}-item {
display: block;
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-tail {
.@{steps-prefix-cls}-tail {
position: absolute;
left: 13px;
top: 0;
height: 100%;
width: 1px;
top: 0;
padding: 30px 0 4px 0;
> i {
height: 100%;
...
...
@@ -248,23 +249,38 @@
}
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-main {
min-height: 47px;
.@{steps-prefix-cls}-head {
float: left;
&-inner {
margin-right: 16px;
}
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-head-inner {
margin-right: 16px;
.@{steps-prefix-cls}-main {
max-width: 100%;
min-height: 47px;
overflow: hidden;
display: block;
.@{steps-prefix-cls}-title {
line-height: 26px;
}
.@{steps-prefix-cls}-description {
padding-bottom: 12px;
}
}
}
.@{steps-prefix-cls}-item.@{steps-vertical-small-prefix-cls} {
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-small {
.@{steps-prefix-cls}-item {
display: block;
}
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-tail {
.@{steps-prefix-cls}-tail {
position: absolute;
left: 6px;
top: 0;
height: 100%;
width: 2px;
top: 0;
padding: 0;
> i {
height: 100%;
...
...
@@ -272,8 +288,8 @@
}
}
.@{steps-prefix-cls}-
item.@{steps-prefix-cls}-
status-wait {
.@{steps-
vertical-small-prefix-cls}.@{steps-
prefix-cls}-tail {
.@{steps-prefix-cls}-status-wait {
.@{steps-prefix-cls}-tail {
> i {
background-color: #fff;
border-left: 2px dotted @wait-tail-color;
...
...
@@ -281,8 +297,8 @@
}
}
.@{steps-prefix-cls}-
item.@{steps-prefix-cls}-
status-process {
.@{steps-
vertical-small-prefix-cls}.@{steps-
prefix-cls}-tail {
.@{steps-prefix-cls}-status-process {
.@{steps-prefix-cls}-tail {
> i {
background-color: #fff;
border-left: 2px dotted @process-tail-color;
...
...
@@ -290,8 +306,8 @@
}
}
.@{steps-prefix-cls}-
item.@{steps-prefix-cls}-
status-finish {
.@{steps-
vertical-small-prefix-cls}.@{steps-
prefix-cls}-tail {
.@{steps-prefix-cls}-status-finish {
.@{steps-prefix-cls}-tail {
> i {
background-color: #fff;
border-left: 2px solid @finish-tail-color;
...
...
@@ -299,53 +315,40 @@
}
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-main {
.@{steps-prefix-cls}-main {
max-width: 100%;
min-height: 47px;
display: inline;
zoom: 1;
.@{steps-prefix-cls}-description {
margin-left: 42px;
}
overflow: hidden;
display: block;
.@{steps-prefix-cls}-title {
line-height: 14px;
}
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-main {
min-height: 47px;
display: inline;
zoom: 1;
.@{steps-prefix-cls}-description {
margin-left: 22px;
}
padding-bottom: 12px;
}
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-head-inner {
margin-right: 8px;
background-color: #2db7f5;
}
.@{steps-prefix-cls}-status-wait, .@{steps-prefix-cls}-status-process {
overflow: hidden;
.@{steps-
vertical-small-prefix-cls}.@{steps-
prefix-cls}-head-inner {
.@{steps-prefix-cls}-head-inner {
text-indent: 10000px;
display: inline-block;
background-color: #fff;
}
}
.@{steps-
vertical-small-prefix-cls}.@{steps-
prefix-cls}-head-inner {
.@{steps-prefix-cls}-head-inner {
width: 14px;
height: 14px;
margin-right: 8px;
background-color: #2db7f5;
border-width: 2px;
}
.@{steps-prefix-cls}-status-finish {
.@{steps-
vertical-small-prefix-cls}.@{steps-
prefix-cls}-head-inner {
.@{steps-prefix-cls}-head-inner {
background-color: @finish-tail-color;
}
}
.@{steps-prefix-cls}-status-finish {
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-head-inner {
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-icon:before {
.@{steps-prefix-cls}-icon:before {
color: #fff;
font-weight: 700;
position: absolute;
...
...
@@ -354,8 +357,4 @@
}
}
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-description, .@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-description {
padding-bottom: 12px;
}
}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录