添加简洁的分页

This commit is contained in:
Yuwei Ba 2015-07-13 16:04:07 +08:00
parent 1091ab0bfb
commit 7a26598059
2 changed files with 57 additions and 0 deletions

View File

@ -0,0 +1,19 @@
# 简洁
- order: 6
简单地翻页
---
````jsx
var Pagination = antd.Pagination;
function onChange(page) {
console.log(page);
}
React.render(
<Pagination simple onChange={onChange} total={50} />,
document.getElementById('components-pagination-demo-simple'));
````

View File

@ -194,3 +194,41 @@
}
}
}
.@{prefixClass}.simple {
.prev, .next {
border: none;
height: 24px;
line-height: 24px;
margin: 0;
font-size: 18px;
}
.simple-pager {
float: left;
margin-right: 8px;
.slash {
margin: 0 10px;
}
input {
margin: 0 8px;
box-sizing: border-box;
background-color: #fff;
border-radius: 6px;
border: 1px solid #d9d9d9;
outline: none;
padding: 5px 8px;
width: 30px;
min-height: 20px;
&:hover {
border-color: #2db7f5;
}
}
}
}