mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-22 19:28:47 +10:00
83 lines
3.8 KiB
HTML
83 lines
3.8 KiB
HTML
<div class="code-box">
|
|
<div class="code-box-demo">
|
|
<div id="components-dropdown-demo-basic"></div>
|
|
<script>(function(){"use strict";
|
|
|
|
var Menu = antd.Menu;
|
|
var Dropdown = antd.Dropdown;
|
|
|
|
var menu = React.createElement(
|
|
Menu,
|
|
null,
|
|
React.createElement(
|
|
Menu.Item,
|
|
null,
|
|
React.createElement(
|
|
"a",
|
|
{ target: "_blank", href: "http://www.alipay.com/" },
|
|
"第一个菜单项"
|
|
)
|
|
),
|
|
React.createElement(
|
|
Menu.Item,
|
|
null,
|
|
React.createElement(
|
|
"a",
|
|
{ target: "_blank", href: "http://www.taobao.com/" },
|
|
"第二个菜单项"
|
|
)
|
|
),
|
|
React.createElement(
|
|
Menu.Item,
|
|
null,
|
|
React.createElement(
|
|
"a",
|
|
{ target: "_blank", href: "http://www.tmall.com/" },
|
|
"第三个菜单项"
|
|
)
|
|
)
|
|
);
|
|
|
|
React.render(React.createElement(
|
|
Dropdown,
|
|
{ overlay: menu },
|
|
React.createElement(
|
|
"button",
|
|
{ className: "ant-btn ant-btn-menu" },
|
|
"某按钮 ",
|
|
React.createElement("i", { className: "anticon anticon-down" })
|
|
)
|
|
), document.getElementById('components-dropdown-demo-basic'));})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">var</span> Menu = antd.Menu;
|
|
<span class="keyword">var</span> Dropdown = antd.Dropdown;
|
|
|
|
<span class="keyword">var</span> menu = <span class="xml"><span class="tag"><<span class="title">Menu</span>></span>
|
|
<span class="tag"><<span class="title">Menu.Item</span>></span>
|
|
<span class="tag"><<span class="title">a</span> <span class="attribute">target</span>=<span class="value">"_blank"</span> <span class="attribute">href</span>=<span class="value">"http://www.alipay.com/"</span>></span>第一个菜单项<span class="tag"></<span class="title">a</span>></span>
|
|
<span class="tag"></<span class="title">Menu.Item</span>></span>
|
|
<span class="tag"><<span class="title">Menu.Item</span>></span>
|
|
<span class="tag"><<span class="title">a</span> <span class="attribute">target</span>=<span class="value">"_blank"</span> <span class="attribute">href</span>=<span class="value">"http://www.taobao.com/"</span>></span>第二个菜单项<span class="tag"></<span class="title">a</span>></span>
|
|
<span class="tag"></<span class="title">Menu.Item</span>></span>
|
|
<span class="tag"><<span class="title">Menu.Item</span>></span>
|
|
<span class="tag"><<span class="title">a</span> <span class="attribute">target</span>=<span class="value">"_blank"</span> <span class="attribute">href</span>=<span class="value">"http://www.tmall.com/"</span>></span>第三个菜单项<span class="tag"></<span class="title">a</span>></span>
|
|
<span class="tag"></<span class="title">Menu.Item</span>></span>
|
|
<span class="tag"></<span class="title">Menu</span>></span>;</span>
|
|
|
|
React.render(
|
|
<span class="xml"><span class="tag"><<span class="title">Dropdown</span> <span class="attribute">overlay</span>=<span class="value">{menu}</span>></span>
|
|
<span class="tag"><<span class="title">button</span> <span class="attribute">className</span>=<span class="value">"ant-btn ant-btn-menu"</span>></span>
|
|
某按钮 <span class="tag"><<span class="title">i</span> <span class="attribute">className</span>=<span class="value">"anticon anticon-down"</span>></span><span class="tag"></<span class="title">i</span>></span>
|
|
<span class="tag"></<span class="title">button</span>></span>
|
|
<span class="tag"></<span class="title">Dropdown</span>></span>
|
|
, document.getElementById('components-dropdown-demo-basic'));</span></code></pre></div><style>
|
|
.code-box-demo .ant-btn {
|
|
margin-right: 6px;
|
|
}
|
|
</style>
|
|
|
|
</div>
|
|
<div class="code-box-meta markdown">
|
|
<div class="code-box-title">基本</div>
|
|
<p>最简单的下拉菜单。</p>
|
|
<span class="collapse anticon anticon-circle-o-right"></span>
|
|
</div>
|
|
</div> |