mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-01 11:39:28 +08:00
添加简洁的分页
This commit is contained in:
parent
1091ab0bfb
commit
7a26598059
19
components/pagination/demo/simple.md
Normal file
19
components/pagination/demo/simple.md
Normal 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'));
|
||||
````
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user