提交 5e71bbf6 编写于 作者: S simaQ

format the sample codes of button page

上级 d281b8e5
......@@ -9,10 +9,8 @@
---
````html
<div>
<button class="ant-btn ant-btn-default">Button</button>
<a href="javascript:;" class="ant-btn ant-btn-default" role="button">Link</a>
<input class="ant-btn ant-btn-default" type="button" value="Input" />
<input class="ant-btn ant-btn-default" type="submit" value="Submit" />
</div>
<button class="ant-btn ant-btn-default">Button</button>
<a href="javascript:;" class="ant-btn ant-btn-default" role="button">Link</a>
<input class="ant-btn ant-btn-default" type="button" value="Input" />
<input class="ant-btn ant-btn-default" type="submit" value="Submit" />
````
......@@ -7,41 +7,39 @@
---
````html
<div>
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-lg">
<span class="anticon anticon-search"></span>
<span>大按钮</span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-lg">
<span class="anticon anticon-search"></span>
<span>大按钮</span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-circle">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-primary">
<span class="anticon anticon-search"></span>
<span>中按钮</span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-circle">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-primary">
<span class="anticon anticon-search"></span>
<span>中按钮</span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-sm">
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-sm">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-sm">
</button>
<button class="ant-btn ant-btn-primary ant-btn-sm">
<span class="anticon anticon-search"></span>
<span>小按钮</span>
</button>
</button>
<p></p>
<button class="ant-btn ant-btn-ghost ant-btn-circle-outline ant-btn-lg">
<p></p>
<button class="ant-btn ant-btn-ghost ant-btn-circle-outline ant-btn-lg">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-ghost ant-btn-circle-outline">
</button>
<button class="ant-btn ant-btn-ghost ant-btn-circle-outline">
<span class="anticon anticon-search"></span>
</button>
<button class="ant-btn ant-btn-default ant-btn-circle-outline ant-btn-sm">
</button>
<button class="ant-btn ant-btn-default ant-btn-circle-outline ant-btn-sm">
<span class="anticon anticon-search"></span>
</button>
</div>
</button>
````
\ No newline at end of file
......@@ -7,13 +7,11 @@
---
````html
<div>
<button class="ant-btn ant-btn-primary ant-btn-circle">
<span class="anticon anticon-loading" ></span>
</button>
<button class="ant-btn ant-btn-primary">
<span>加载按钮</span>
<span class="anticon anticon-loading"></span>
</button>
</div>
<button class="ant-btn ant-btn-primary ant-btn-circle">
<span class="anticon anticon-loading" ></span>
</button>
<button class="ant-btn ant-btn-primary">
<span>加载按钮</span>
<span class="anticon anticon-loading"></span>
</button>
````
......@@ -9,27 +9,25 @@
---
````html
<div>
<button class="ant-btn ant-btn-primary ant-btn-menu ant-btn-lg">
<span>大号菜单</span>
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-menu">
<span>中号菜单</span>
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-menu sm">
<span>小号菜单</span>
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-menu ant-btn-lg">
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-ghost ant-btn-circle ant-btn-menu">
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-default ant-btn-circle-outline ant-btn-menu ant-btn-sm">
<span class="anticon anticon-bars"></span>
</button>
</div>
<button class="ant-btn ant-btn-primary ant-btn-menu ant-btn-lg">
<span>大号菜单</span>
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-menu">
<span>中号菜单</span>
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-menu sm">
<span>小号菜单</span>
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-primary ant-btn-circle ant-btn-menu ant-btn-lg">
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-ghost ant-btn-circle ant-btn-menu">
<span class="anticon anticon-bars"></span>
</button>
<button class="ant-btn ant-btn-default ant-btn-circle-outline ant-btn-menu ant-btn-sm">
<span class="anticon anticon-bars"></span>
</button>
````
......@@ -11,9 +11,7 @@
---
````html
<div>
<button class="ant-btn ant-btn-primary ant-btn-lg">大号按钮</button>
<button class="ant-btn ant-btn-primary">中号按钮(默认)</button>
<button class="ant-btn ant-btn-primary ant-btn-sm">小号按钮</button>
</div>
<button class="ant-btn ant-btn-primary ant-btn-lg">大号按钮</button>
<button class="ant-btn ant-btn-primary">中号按钮(默认)</button>
<button class="ant-btn ant-btn-primary ant-btn-sm">小号按钮</button>
````
......@@ -11,17 +11,15 @@
---
````html
<div>
<button class="ant-btn ant-btn-primary">主按钮</button>
<button class="ant-btn ant-btn-primary active">主按钮(激活)</button>
<button class="ant-btn ant-btn-primary disabled">主按钮(失效)</button>
<p></p>
<button class="ant-btn ant-btn-default">次按钮</button>
<button class="ant-btn ant-btn-default active">次按钮(激活)</button>
<button class="ant-btn ant-btn-default disabled">次按钮(失效)</button>
<p></p>
<button class="ant-btn ant-btn-ghost">幽灵按钮</button>
<button class="ant-btn ant-btn-ghost active">幽灵按钮(激活)</button>
<button class="ant-btn ant-btn-ghost disabled">幽灵按钮(失效)</button>
</div>
<button class="ant-btn ant-btn-primary">主按钮</button>
<button class="ant-btn ant-btn-primary active">主按钮(激活)</button>
<button class="ant-btn ant-btn-primary disabled">主按钮(失效)</button>
<p></p>
<button class="ant-btn ant-btn-default">次按钮</button>
<button class="ant-btn ant-btn-default active">次按钮(激活)</button>
<button class="ant-btn ant-btn-default disabled">次按钮(失效)</button>
<p></p>
<button class="ant-btn ant-btn-ghost">幽灵按钮</button>
<button class="ant-btn ant-btn-ghost active">幽灵按钮(激活)</button>
<button class="ant-btn ant-btn-ghost disabled">幽灵按钮(失效)</button>
````
......@@ -17,9 +17,7 @@
---
````html
<div>
<button class="ant-btn ant-btn-primary">主按钮</button>
<button class="ant-btn ant-btn-default">次按钮</button>
<button class="ant-btn ant-btn-ghost">幽灵按钮</button>
</div>
<button class="ant-btn ant-btn-primary">主按钮</button>
<button class="ant-btn ant-btn-default">次按钮</button>
<button class="ant-btn ant-btn-ghost">幽灵按钮</button>
````
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册