Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
1bad0062
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,发现更多精彩内容 >>
提交
1bad0062
编写于
6月 26, 2015
作者:
羽
羽航
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
support ant-design prefix class and prefixCls property
上级
9d62e0dc
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
54 addition
and
33 deletion
+54
-33
components/steps/index.jsx
components/steps/index.jsx
+19
-1
package.json
package.json
+1
-1
style/components/steps.less
style/components/steps.less
+34
-31
未找到文件。
components/steps/index.jsx
浏览文件 @
1bad0062
'
use strict
'
;
module
.
exports
=
require
(
'
rc-steps
'
);
var
React
=
require
(
'
react
'
);
var
Steps
=
require
(
'
rc-steps
'
);
var
AntSteps
=
React
.
createClass
({
getDefaultProps
()
{
return
{
prefixCls
:
'
ant
'
,
size
:
'
default
'
};
},
render
()
{
return
(<
Steps
size
=
{
this
.
props
.
size
}
prefixCls
=
{
this
.
props
.
prefixCls
}
>
{
this
.
props
.
children
}
</
Steps
>);
}
});
AntSteps
.
Step
=
Steps
.
Step
;
module
.
exports
=
AntSteps
;
package.json
浏览文件 @
1bad0062
...
...
@@ -22,7 +22,7 @@
"
rc-select
"
:
"
~4.0.0
"
,
"
rc-tabs
"
:
"
~5.1.0
"
,
"
rc-tooltip
"
:
"
~2.1.1
"
,
"
rc-steps
"
:
"
~1.0.
2
"
"
rc-steps
"
:
"
~1.0.
3
"
},
"devDependencies"
:
{
"
babel-core
"
:
"
~5.4.7
"
,
...
...
style/components/steps.less
浏览文件 @
1bad0062
@import "../mixins/index";
@stepsPrefixClass: ~"@{css-prefix}steps";
@active-color: #3fc7fa;
@wait-color: #e9e9e9;
...
...
@@ -7,52 +10,52 @@
transition: @transition;
}
.
rc-steps
{
.
@{stepsPrefixClass}
{
font-size: 0;
width: 100%;
line-height: 1.5;
.
rc-steps
-item {
.
@{stepsPrefixClass}
-item {
position: relative;
display: inline-block;
&.
rc-steps
-status-wait {
.
rc-steps
-head {
&.
@{stepsPrefixClass}
-status-wait {
.
@{stepsPrefixClass}
-head {
border-color: @wait-color;
background-color: #fff;
> .
rc-steps
-icon {
> .
@{stepsPrefixClass}
-icon {
color: @wait-color;
}
}
}
&.
rc-steps
-status-process {
.
rc-steps
-head {
&.
@{stepsPrefixClass}
-status-process {
.
@{stepsPrefixClass}
-head {
border-color: @active-color;
background-color: @active-color;
> .
rc-steps
-icon {
> .
@{stepsPrefixClass}
-icon {
color: #fff;
}
}
}
&.
rc-steps
-status-finish {
.
rc-steps
-head {
&.
@{stepsPrefixClass}
-status-finish {
.
@{stepsPrefixClass}
-head {
border-color: @active-color;
background-color: #fff;
> .
rc-steps
-icon {
> .
@{stepsPrefixClass}
-icon {
color: @active-color;
}
}
}
&.
rc-steps
-custom {
.
rc-steps
-head {
&.
@{stepsPrefixClass}
-custom {
.
@{stepsPrefixClass}
-head {
background: none;
border: 0;
}
&.
rc-steps
-status-process {
.
rc-steps
-title {
&.
@{stepsPrefixClass}
-status-process {
.
@{stepsPrefixClass}
-title {
color: @active-color;
}
}
...
...
@@ -60,12 +63,12 @@
}
.
rc-steps-head, .rc-steps-main, .rc-steps
-tail {
.
@{stepsPrefixClass}-head, .@{stepsPrefixClass}-main, .@{stepsPrefixClass}
-tail {
display: inline-block;
vertical-align: top;
}
.
rc-steps
-head {
.
@{stepsPrefixClass}
-head {
border:2px solid @wait-color;
width: 24px;
height: 24px;
...
...
@@ -77,7 +80,7 @@
.transition(background-color 0.1s ease);
.transition(border-color 0.1s ease);
> .
rc-steps
-icon {
> .
@{stepsPrefixClass}
-icon {
line-height: 1;
display: inline-block;
vertical-align: text-top;
...
...
@@ -85,21 +88,21 @@
position: relative;
}
}
.
rc-steps
-main {
.
@{stepsPrefixClass}
-main {
max-width: 75px;
margin-top: 3px;
}
.
rc-steps
-title {
.
@{stepsPrefixClass}
-title {
font-size: 14px;
margin-bottom: 4px;
color: #666;
font-weight: bold;
}
.
rc-steps
-description {
.
@{stepsPrefixClass}
-description {
font-size: 12px;
color: #999;
}
.
rc-steps
-tail {
.
@{stepsPrefixClass}
-tail {
width: 0;
position: relative;
top: 12px;
...
...
@@ -113,8 +116,8 @@
}
}
&.
rc-steps
-small {
.
rc-steps
-head {
&.
@{stepsPrefixClass}
-small {
.
@{stepsPrefixClass}
-head {
border:1px solid @wait-color;
width: 18px;
height: 18px;
...
...
@@ -125,21 +128,21 @@
margin-right: 10px;
}
.
rc-steps
-main {
.
@{stepsPrefixClass}
-main {
max-width: 75px;
margin-top: 0;
}
.
rc-steps
-title {
.
@{stepsPrefixClass}
-title {
font-size: 12px;
margin-bottom: 4px;
color: #666;
font-weight: bold;
}
.
rc-steps
-description {
.
@{stepsPrefixClass}
-description {
font-size: 10px;
color: #999;
}
.
rc-steps
-tail {
.
@{stepsPrefixClass}
-tail {
top: 8px;
padding:0 8px;
> i {
...
...
@@ -150,13 +153,13 @@
}
}
&.
rc-steps-init, &.rc-steps-init.rc-steps
-small {
.
rc-steps
-tail {
&.
@{stepsPrefixClass}-init, &.@{stepsPrefixClass}-init.@{stepsPrefixClass}
-small {
.
@{stepsPrefixClass}
-tail {
padding: 0;
}
}
&.
rc-steps-small .rc-steps-item.rc-steps-custom .rc-steps-head, .rc-steps-item.rc-steps-custom .rc-steps
-head {
&.
@{stepsPrefixClass}-small .@{stepsPrefixClass}-item.@{stepsPrefixClass}-custom .@{stepsPrefixClass}-head, .@{stepsPrefixClass}-item.@{stepsPrefixClass}-custom .@{stepsPrefixClass}
-head {
width: inherit;
height: inherit;
line-height: inherit;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录