mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-25 20:55:58 +10:00
26 lines
2.6 KiB
HTML
26 lines
2.6 KiB
HTML
<div class="code-box">
|
|
<div class="code-box-demo">
|
|
<div id="components-button-demo-status"></div>
|
|
<div class="nico-insert-code"><button class="ant-btn ant-btn-primary">主按钮</button>
|
|
<button class="ant-btn ant-btn-primary disabled">主按钮(失效)</button>
|
|
<p></p>
|
|
<button class="ant-btn">次按钮</button>
|
|
<button class="ant-btn disabled">次按钮(失效)</button>
|
|
<p></p>
|
|
<button class="ant-btn ant-btn-ghost">幽灵按钮</button>
|
|
<button class="ant-btn ant-btn-ghost disabled">幽灵按钮(失效)</button></div><div class="highlight"><pre><code class="xml"><span class="tag"><<span class="title">button</span> <span class="attribute">class</span>=<span class="value">"ant-btn ant-btn-primary"</span>></span>主按钮<span class="tag"></<span class="title">button</span>></span>
|
|
<span class="tag"><<span class="title">button</span> <span class="attribute">class</span>=<span class="value">"ant-btn ant-btn-primary disabled"</span>></span>主按钮(失效)<span class="tag"></<span class="title">button</span>></span>
|
|
<span class="tag"><<span class="title">p</span>></span><span class="tag"></<span class="title">p</span>></span>
|
|
<span class="tag"><<span class="title">button</span> <span class="attribute">class</span>=<span class="value">"ant-btn"</span>></span>次按钮<span class="tag"></<span class="title">button</span>></span>
|
|
<span class="tag"><<span class="title">button</span> <span class="attribute">class</span>=<span class="value">"ant-btn disabled"</span>></span>次按钮(失效)<span class="tag"></<span class="title">button</span>></span>
|
|
<span class="tag"><<span class="title">p</span>></span><span class="tag"></<span class="title">p</span>></span>
|
|
<span class="tag"><<span class="title">button</span> <span class="attribute">class</span>=<span class="value">"ant-btn ant-btn-ghost"</span>></span>幽灵按钮<span class="tag"></<span class="title">button</span>></span>
|
|
<span class="tag"><<span class="title">button</span> <span class="attribute">class</span>=<span class="value">"ant-btn ant-btn-ghost disabled"</span>></span>幽灵按钮(失效)<span class="tag"></<span class="title">button</span>></span></code></pre></div>
|
|
</div>
|
|
<div class="code-box-meta markdown">
|
|
<div class="code-box-title">按钮状态</div>
|
|
<p>通过背景色透明度的变化来体现不同的操作状态，移入或点击元素可以查看状态。</p>
|
|
<p>失效状态：为 <code><button></code> 元素添加 <code>disabled</code> 属性，即可体现。</p>
|
|
<span class="collapse anticon anticon-circle-o-right"></span>
|
|
</div>
|
|
</div> |