mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-23 03:36:30 +10:00
47 lines
2.1 KiB
HTML
47 lines
2.1 KiB
HTML
<div class="code-box">
|
|
<div class="code-box-demo">
|
|
<div id="components-breadcrumb-demo-basic"></div>
|
|
<script>(function(){"use strict";
|
|
|
|
var Breadcrumb = require('antd/lib/breadcrumb');
|
|
|
|
React.render(React.createElement(
|
|
Breadcrumb,
|
|
null,
|
|
React.createElement(
|
|
Breadcrumb.Item,
|
|
null,
|
|
"首页"
|
|
),
|
|
React.createElement(
|
|
Breadcrumb.Item,
|
|
{ href: "" },
|
|
"应用中心"
|
|
),
|
|
React.createElement(
|
|
Breadcrumb.Item,
|
|
{ href: "" },
|
|
"应用列表"
|
|
),
|
|
React.createElement(
|
|
Breadcrumb.Item,
|
|
null,
|
|
"某应用"
|
|
)
|
|
), document.getElementById('components-breadcrumb-demo-basic'));})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">var</span> Breadcrumb = require(<span class="string">'antd/lib/breadcrumb'</span>);
|
|
|
|
React.render(
|
|
<span class="xml"><span class="tag"><<span class="title">Breadcrumb</span>></span>
|
|
<span class="tag"><<span class="title">Breadcrumb.Item</span>></span>首页<span class="tag"></<span class="title">Breadcrumb.Item</span>></span>
|
|
<span class="tag"><<span class="title">Breadcrumb.Item</span> <span class="attribute">href</span>=<span class="value">""</span>></span>应用中心<span class="tag"></<span class="title">Breadcrumb.Item</span>></span>
|
|
<span class="tag"><<span class="title">Breadcrumb.Item</span> <span class="attribute">href</span>=<span class="value">""</span>></span>应用列表<span class="tag"></<span class="title">Breadcrumb.Item</span>></span>
|
|
<span class="tag"><<span class="title">Breadcrumb.Item</span>></span>某应用<span class="tag"></<span class="title">Breadcrumb.Item</span>></span>
|
|
<span class="tag"></<span class="title">Breadcrumb</span>></span>
|
|
, document.getElementById('components-breadcrumb-demo-basic'));</span></code></pre></div>
|
|
</div>
|
|
<div class="code-box-meta markdown">
|
|
<div class="code-box-title">基本</div>
|
|
<p>最简单的用法，存在 <code>href</code> 表示可点。</p>
|
|
<span class="collapse anticon anticon-circle-o-right"></span>
|
|
</div>
|
|
</div> |