Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
c1039185
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,发现更多精彩内容 >>
提交
c1039185
编写于
7月 01, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Add simple breadcrumb
上级
65f72a5e
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
78 addition
and
2 deletion
+78
-2
components/breadcrumb/demo/basic.md
components/breadcrumb/demo/basic.md
+19
-0
components/breadcrumb/index.jsx
components/breadcrumb/index.jsx
+35
-0
components/breadcrumb/index.md
components/breadcrumb/index.md
+1
-1
index.js
index.js
+1
-0
style/components/breadcrumb.less
style/components/breadcrumb.less
+20
-0
style/components/index.less
style/components/index.less
+2
-1
未找到文件。
components/breadcrumb/demo/basic.md
0 → 100644
浏览文件 @
c1039185
# 基本
-
order: 0
最简单的用法。
---
````
jsx
var
Breadcrumb
=
antd
.
Breadcrumb
;
React
.
render
(
<
Breadcrumb
>
<
Breadcrumb
.
Item
href
=
""
>
首页
</
Breadcrumb
.
Item
>
<
Breadcrumb
.
Item
href
=
""
>
应用列表
</
Breadcrumb
.
Item
>
<
Breadcrumb
.
Item
>
应用
</
Breadcrumb
.
Item
>
</
Breadcrumb
>
,
document
.
getElementById
(
'
components-breadcrumb-demo-basic
'
));
````
components/breadcrumb/index.jsx
浏览文件 @
c1039185
'
use strict
'
;
import
React
from
'
react
'
;
let
prefixCls
=
'
ant-breadcrumb
'
;
let
BreadcrumbItem
=
React
.
createClass
({
render
()
{
var
link
=
<
a
className
=
{
prefixCls
+
'
-link
'
}
{
...
this
.
props
}
>
{
this
.
props
.
children
}
</
a
>;
var
slash
=
<
span
className
=
{
prefixCls
+
'
-slash
'
}
>
/
</
span
>;
if
(
typeof
this
.
props
.
href
===
'
undefined
'
)
{
slash
=
''
;
link
=
<
span
className
=
{
prefixCls
+
'
-link
'
}
{
...
this
.
props
}
>
{
this
.
props
.
children
}
</
span
>;
}
return
(
<
span
>
{
link
}
{
slash
}
</
span
>
);
}
});
let
Breadcrumb
=
React
.
createClass
({
render
()
{
return
(
<
div
className
=
{
prefixCls
}
>
{
this
.
props
.
children
}
</
div
>
);
}
});
Breadcrumb
.
Item
=
BreadcrumbItem
;
export
default
Breadcrumb
;
components/breadcrumb/index.md
浏览文件 @
c1039185
# BreadCrumb
-
category: C
SS
-
category: C
omponents
-
chinese: 面包屑
---
...
...
index.js
浏览文件 @
c1039185
...
...
@@ -10,6 +10,7 @@ var antd = {
Progress
:
require
(
'
./components/progress
'
),
Popover
:
require
(
'
./components/popover
'
),
Select
:
require
(
'
./components/select
'
),
Breadcrumb
:
require
(
'
./components/breadcrumb
'
),
Popconfirm
:
require
(
'
./components/popconfirm
'
),
confirm
:
require
(
'
./components/modal/confirm
'
),
Steps
:
require
(
'
./components/steps
'
)
...
...
style/components/breadcrumb.less
0 → 100644
浏览文件 @
c1039185
@breadcrumbPrefixCls: ant-breadcrumb;
.@{breadcrumbPrefixCls} {
color: #999;
font-size: 12px;
a&-link {
color: #666;
}
> span:last-child {
font-weight: bold;
color: #666;
}
&-slash {
margin: 0 8px;
color: #d9d9d9;
}
}
style/components/index.less
浏览文件 @
c1039185
...
...
@@ -11,4 +11,5 @@
@import "form";
@import "loading";
@import "progress";
@import "steps";
\ No newline at end of file
@import "steps";
@import "breadcrumb";
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录