mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 16:06:28 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

Basic usage

Browse Source
This commit is contained in:
Yuwei Ba 2015-06-09 16:47:47 +08:00
parent 8ceeab7cde
commit 6f76c07b51
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/tab/demo/basic.md
View File

@ -14,9 +14,9 @@ function callback() {}
React.render(
<Tabs defaultActiveKey="2" onChange={callback}>
<TabPane tab='tab 1' key="1">first</TabPane>
<TabPane tab='tab 2' key="2">second</TabPane>
<TabPane tab='tab 3' key="3">third</TabPane>
<TabPane tab='tab 1' key="1"></TabPane>
<TabPane tab='tab 2' key="2"></TabPane>
<TabPane tab='tab 3' key="3"></TabPane>
</Tabs>
, document.getElementById('components-tab-demo-basic'));
````

10
style/components/tab.less
View File

@ -8,7 +8,6 @@
.@{prefixClass} {
outline: none;
box-sizing: border-box;
border-bottom: 2px solid #f3f3f3;
position: relative;
@font-face {
@ -23,10 +22,9 @@
z-index: 1;
position: absolute;
left: 0;
bottom: 0px;
bottom: -2px;
box-sizing: border-box;
height: 4px;
margin-top: -3px;
height: 3px;
background-color: #3fc7fa;
transform: scaleX(1);
transform-origin: 0 0;
@ -50,7 +48,6 @@
white-space: nowrap;
padding-left: 32px;
padding-right: 32px;
border-bottom: 2px solid #f3f3f3;
}
&-tab-prev, &-tab-next {
@ -123,6 +120,7 @@
margin: 0;
list-style: none;
display: inline-block;
border-bottom: 2px solid #e9e9e9;
&:before, &:after {
display: table;
@ -159,9 +157,9 @@
> a {
transition: color 0.3s @easing-in-out;
margin-bottom: 4px;
font-weight: 500;
display: inline-block;
color: #999;
}
> a:hover {