mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 19:50:05 +08:00
Merge branch 'master' of https://github.com/ant-design/ant-design
This commit is contained in:
simaQ
commit
d220314bf6
@ -1,19 +0,0 @@
|
||||
# 迷你的改变
|
||||
|
||||
- order: 5
|
||||
|
||||
改变每页显示条目数
|
||||
|
||||
---
|
||||
|
||||
````jsx
|
||||
var Pagination = antd.Pagination;
|
||||
|
||||
function onChange(page) {
|
||||
console.log(page);
|
||||
}
|
||||
|
||||
React.render(
|
||||
<Pagination className="mini" showQuickJumper={true} showSizeChanger={true} onChange={onChange} total={500} />,
|
||||
document.getElementById('components-pagination-demo-mini-more'));
|
||||
````
|
||||
@ -3,11 +3,11 @@
|
||||
let Pagination = require('rc-pagination');
|
||||
let React = require('react');
|
||||
|
||||
let prefixCls = 'ant-patination';
|
||||
let prefixCls = 'ant-pagination';
|
||||
|
||||
class AntPagination extends React.Component {
|
||||
render() {
|
||||
return <Pagination className={prefixCls + this.props.className} {...this.props} />;
|
||||
return <Pagination selectPrefixCls="ant-select" prefixCls={prefixCls} {...this.props} />;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -25,4 +25,4 @@
|
||||
| showSizeChanger | 是否可以改变 pageSize | Bool | false |
|
||||
| showQuickJump | 是否可以快速跳转至某页 | Bool | false |
|
||||
| className | 当为「mini」时，是小尺寸分页 | String | ant-pagination |
|
||||
| simple | 当添加该属性时，显示未简单分页 | Object | 无 |
|
||||
| simple | 当添加该属性时，显示为简单分页 | Object | 无 |
|
||||
|
||||
@ -18,7 +18,7 @@ var steps = [{
|
||||
}, {
|
||||
status: 'process',
|
||||
title: '进行中',
|
||||
description: '这里是多信息的耶哦耶哦哦耶哦耶哦耶哦耶哦耶'
|
||||
description: '这里是多信息的耶哦耶哦哦耶哦耶'
|
||||
}, {
|
||||
status: 'wait',
|
||||
title: '又一个待运行',
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
"rc-progress": "~1.0.0",
|
||||
"rc-select": "~4.2.1",
|
||||
"rc-slider": "^1.2.5",
|
||||
"rc-steps": "~1.1.3",
|
||||
"rc-steps": "~1.1.4",
|
||||
"rc-switch": "~1.2.0",
|
||||
"rc-tabs": "~5.2.0",
|
||||
"rc-tooltip": "~2.4.0"
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
@prefixClass: rc-pagination;
|
||||
|
||||
@prefixClass: ant-pagination;
|
||||
|
||||
.@{prefixClass} {
|
||||
user-select: none;
|
||||
@ -15,7 +14,7 @@
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.@{prefixClass}-item {
|
||||
&-item {
|
||||
cursor: pointer;
|
||||
border-radius: 6px;
|
||||
min-width: 28px;
|
||||
@ -27,31 +26,32 @@
|
||||
border: 1px solid #d9d9d9;
|
||||
background-color: #fff;
|
||||
margin-right: 8px;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
&:hover {
|
||||
border-color: #2db7f5;
|
||||
border-color: @primary-color;
|
||||
a {
|
||||
color: #2db7f5;
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: #2db7f5;
|
||||
border: none;
|
||||
&-active {
|
||||
background-color: @primary-color;
|
||||
border-color: @primary-color;
|
||||
|
||||
a {
|
||||
a,
|
||||
&:hover a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jump-prev, .jump-next {
|
||||
&-jump-prev, &-jump-next {
|
||||
&:after {
|
||||
content: "•••";
|
||||
display: block;
|
||||
@ -63,13 +63,13 @@
|
||||
|
||||
&:hover {
|
||||
&:after {
|
||||
color: #2db7f5;
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.jump-prev {
|
||||
&-jump-prev {
|
||||
&:hover {
|
||||
&:after {
|
||||
content: "‹‹";
|
||||
@ -77,7 +77,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.jump-next {
|
||||
&-jump-next {
|
||||
&:hover {
|
||||
&:after {
|
||||
content: "››";
|
||||
@ -85,10 +85,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.prev, .jump-prev, .jump-next {
|
||||
&-prev, &-jump-prev, &-jump-next {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.prev, .next, .jump-prev, .jump-next {
|
||||
&-prev, &-next, &-jump-prev, &-jump-next {
|
||||
cursor: pointer;
|
||||
color: #666;
|
||||
font-size: 10px;
|
||||
@ -101,7 +101,7 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.prev, .next {
|
||||
&-prev, &-next {
|
||||
border: 1px solid #d9d9d9;
|
||||
|
||||
a {
|
||||
@ -111,92 +111,53 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: #2db7f5;
|
||||
border-color: @primary-color;
|
||||
|
||||
a {
|
||||
color: #2db7f5;
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
&:hover {
|
||||
border-color: #d9d9d9;
|
||||
a {
|
||||
color: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
cursor: not-allowed;
|
||||
a {
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.options {
|
||||
&-options {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
.size-changer {
|
||||
&-size-changer {
|
||||
float: left;
|
||||
width: 90px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.quick-jumper {
|
||||
&-quick-jumper {
|
||||
float: left;
|
||||
margin-left: 16px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
|
||||
input {
|
||||
.input;
|
||||
margin: 0 8px;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #d9d9d9;
|
||||
outline: none;
|
||||
padding: 3px 12px;
|
||||
width: 50px;
|
||||
height: 28px;
|
||||
|
||||
&:hover {
|
||||
border-color: #2db7f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{prefixClass}.mini {
|
||||
|
||||
.@{prefixClass}-item {
|
||||
border: none;
|
||||
margin: 0;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.prev, .next {
|
||||
margin: 0;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.jump-prev, .jump-next {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.quick-jumper {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
||||
input {
|
||||
padding: 3px 7px;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{prefixClass}.simple {
|
||||
.prev, .next {
|
||||
&-simple &-prev, &-simple &-next {
|
||||
border: none;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
@ -204,11 +165,11 @@
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.simple-pager {
|
||||
&-simple &-simple-pager {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
|
||||
.slash {
|
||||
&-slash {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
@ -222,13 +183,49 @@
|
||||
padding: 5px 8px;
|
||||
width: 30px;
|
||||
min-height: 20px;
|
||||
text-align: center;
|
||||
|
||||
|
||||
&:hover {
|
||||
border-color: #2db7f5;
|
||||
border-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.@{prefixClass} {
|
||||
|
||||
&.mini &-item {
|
||||
border: none;
|
||||
margin: 0;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
&.mini &-prev,
|
||||
&.mini &-next {
|
||||
margin: 0;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.mini &-jump-prev, &.mini &-jump-next {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
&.mini &-options {
|
||||
&-quick-jumper {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
||||
input {
|
||||
.input-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,11 +4,11 @@
|
||||
@process-icon-color: @primary-color;
|
||||
@process-title-color: #666;
|
||||
@process-description-color: @process-title-color;
|
||||
@process-tail-color: #bcbcbc;
|
||||
@wait-icon-color: #bcbcbc;
|
||||
@process-tail-color: #e9e9e9;
|
||||
@wait-icon-color: #ccc;
|
||||
@wait-title-color: #999;
|
||||
@wait-description-color: @wait-title-color;
|
||||
@wait-tail-color: @wait-icon-color;
|
||||
@wait-tail-color: @process-tail-color;
|
||||
@finish-icon-color: @process-icon-color;
|
||||
@finish-title-color: @wait-title-color;
|
||||
@finish-description-color: @finish-title-color;
|
||||
@ -93,7 +93,9 @@
|
||||
height: auto;
|
||||
> .@{stepsPrefixClass}-icon {
|
||||
font-size: 20px;
|
||||
top: 0;
|
||||
top: 2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
&.@{stepsPrefixClass}-status-process {
|
||||
@ -134,6 +136,8 @@
|
||||
|
||||
&.anticon {
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -167,7 +171,7 @@
|
||||
> i {
|
||||
display: inline-block;
|
||||
background: @wait-tail-color;
|
||||
height: 2px;
|
||||
height: 1px;
|
||||
border-radius: 1px;
|
||||
width: 100%;
|
||||
.transition(background 0.3s ease);
|
||||
@ -188,6 +192,7 @@
|
||||
font-size: 12px;
|
||||
font-size: ~"9px \9"; // ie8-9
|
||||
.scale(0.75);
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
.@{stepsPrefixClass}-main {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user