Redesigned icons (#3041)

* redesigned icons

* change iconfont content

* use same icons

* fix missing icons

* improve icon size
This commit is contained in:
偏右 2016-09-18 09:54:47 +08:00 committed by Benjy Cui
parent 6ec6ec8af1
commit 354759cb17
30 changed files with 285 additions and 306 deletions

View File

@ -80,7 +80,7 @@
margin-top: -6px;
line-height: 12px;
color: #999;
.iconfont-size-under-12px(8px);
.iconfont-size-under-12px(9px);
&:before {
transition: transform 0.2s ease;
}
@ -170,7 +170,7 @@
&-expand {
position: relative;
&:after {
.iconfont-font("\e600");
.iconfont-font("\e61f");
.iconfont-size-under-12px(8px);
color: #999;
position: absolute;

View File

@ -186,7 +186,7 @@
@media @ie8 {
.@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:before,
.@{checkbox-prefix-cls}-checked .@{checkbox-prefix-cls}-inner:after {
.iconfont-font("\e62e");
.iconfont-font("\e632");
font-weight: bold;
font-size: 8px;
border: 0;

View File

@ -37,7 +37,7 @@
display: inline-block;
margin-right: 8px;
line-height: 40px;
content: "\e611";
content: "\e606";
vertical-align: middle;
transition: transform 0.24s ease;
top: 0;
@ -45,7 +45,7 @@
top: ~"16px \9";
left: ~"0 \9";
&:before {
content: "\e611";
content: "\e606";
}
}
}

View File

@ -280,7 +280,7 @@
}
.@{calendar-prefix-cls}-clear-btn:after {
.iconfont-font("\e631");
.iconfont-font("\e62e");
font-size: 12px;
color: #ccc;
display: inline-block;

View File

@ -63,13 +63,13 @@
user-select: none;
}
.@{calendar-prefix-cls}-decade-panel-decade:before {
content: "\e600";
content: "\e61f";
font-family: "anticon" !important;
}
}
.@{calendar-prefix-cls}-decade-panel-last-century-cell {
.@{calendar-prefix-cls}-decade-panel-decade:before {
content: "\e601";
content: "\e620";
}
}

View File

@ -73,7 +73,7 @@
top: 50%;
margin-top: -6px;
&:after {
content: "\e654";
content: "\e6bb";
font-family: "anticon";
font-size: 12px;
color: #999;

View File

@ -60,7 +60,7 @@
}
&-clear-btn:after {
content: "\e631";
content: "\e62e";
font-family: "anticon";
font-size: 12px;
color: #ccc;

View File

@ -63,13 +63,13 @@
user-select: none;
}
.@{calendar-prefix-cls}-year-panel-year:before {
content: "\e600";
content: "\e61f";
font-family: "anticon" !important;
}
}
.@{calendar-prefix-cls}-year-panel-last-decade-cell {
.@{calendar-prefix-cls}-year-panel-year:before {
content: "\e601";
content: "\e620";
}
}

View File

@ -107,7 +107,7 @@
&-submenu-title:after {
font-family: "anticon" !important;
position: absolute;
content: "\e600";
content: "\e61f";
right: 15px;
color: #999;
.iconfont-size-under-12px(9px);

View File

@ -323,7 +323,7 @@ form {
}
&.has-feedback:after {
content: '\e62f';
content: '\e630';
color: @success-color;
}
}
@ -332,7 +332,7 @@ form {
.form-control-validation(@warning-color; @warning-color;);
&.has-feedback:after {
content: '\e634';
content: '\e62c';
color: @warning-color;
}
@ -372,7 +372,7 @@ form {
.form-control-validation(@error-color; @error-color;);
&.has-feedback:after {
content: '\e631';
content: '\e62e';
color: @error-color;
}
@ -425,7 +425,7 @@ form {
&.has-feedback:after {
display: inline-block;
animation: loadingCircle 1s infinite linear;
content: "\e6a1";
content: "\e6ae";
color: #999;
}
}

View File

@ -41,25 +41,19 @@ By default, icon components uses [iconfont.cn](http://iconfont.cn), publicly ava
```__react
import IconSet from 'site/theme/template/IconSet';
const icons1 = ['step-backward', 'step-forward', 'fast-backward', 'fast-forward', 'shrink', 'arrow-salt', 'down', 'up', 'left', 'right', 'caret-down', 'caret-up', 'caret-left', 'caret-right', 'caret-circle-right', 'caret-circle-left', 'caret-circle-o-right', 'caret-circle-o-left', 'circle-right', 'circle-left', 'circle-o-right', 'circle-o-left', 'double-right', 'double-left', 'verticle-right', 'verticle-left', 'forward', 'backward', 'rollback', 'enter', 'retweet', 'swap', 'swap-left', 'swap-right', 'arrow-right', 'arrow-up', 'arrow-down', 'arrow-left', 'play-circle', 'play-circle-o', 'circle-up', 'circle-down', 'circle-o-up', 'circle-o-down', 'caret-circle-o-up', 'caret-circle-o-down', 'caret-circle-up', 'caret-circle-down'];
ReactDOM.render(<IconSet className="icons" icons={icons1} key="icons1" />, mountNode);
ReactDOM.render(<IconSet className="icons" catigory="direction" />, mountNode);
```
### Suggested Icons
```__react
const icons2 = ['question', 'question-circle-o', 'question-circle', 'plus', 'plus-circle-o', 'plus-circle', 'pause', 'pause-circle-o', 'pause-circle', 'minus', 'minus-circle-o', 'minus-circle', 'plus-square', 'minus-square', 'info', 'info-circle-o', 'info-circle', 'exclamation', 'exclamation-circle-o', 'exclamation-circle', 'cross', 'cross-circle-o', 'cross-circle', 'check', 'check-circle-o', 'check-circle', 'clock-circle-o', 'clock-circle'];
ReactDOM.render(<IconSet className="icons" icons={icons2} key="icons2" />, mountNode);
ReactDOM.render(<IconSet className="icons" catigory="suggestion" />, mountNode);
```
### Other Icons
```__react
const icons3 = ['lock', 'unlock', 'android', 'apple', 'area-chart', 'bar-chart', 'bars', 'book', 'calendar', 'cloud', 'cloud-download', 'code', 'copy', 'credit-card', 'delete', 'desktop', 'download', 'edit', 'ellipsis', 'file', 'file-text', 'file-unknown', 'file-pdf','file-excel', 'file-jpg', 'file-ppt', 'folder', 'folder-open', 'github', 'hdd', 'frown', 'meh', 'inbox', 'laptop', 'appstore-o', 'appstore', 'line-chart', 'link', 'logout', 'mail', 'menu-fold', 'menu-unfold', 'mobile', 'notification', 'paper-clip', 'picture', 'pie-chart', 'poweroff', 'reload', 'search', 'setting', 'share-alt', 'shopping-cart', 'smile', 'tablet', 'tag', 'tags', 'to-top', 'upload', 'user', 'video-camera', 'windows', 'ie', 'chrome', 'home', 'loading', 'smile-circle', 'meh-circle', 'frown-circle', 'tags-o', 'tag-o', 'cloud-upload-o', 'cloud-download-o', 'cloud-upload', 'cloud-o', 'star-o', 'star', 'heart-o', 'heart', 'environment', 'environment-o', 'eye', 'eye-o', 'camera', 'camera-o', 'aliwangwang', 'aliwangwang-o', 'save', 'team', 'solution', 'phone', 'filter', 'exception', 'export', 'customerservice', 'qrcode', 'scan', 'like', 'dislike', 'message', 'pay-circle', 'pay-circle-o', 'calculator', 'pushpin', 'pushpin-o'];
ReactDOM.render(<IconSet className="icons" icons={icons3} key="icons3" />, mountNode);
ReactDOM.render(<IconSet className="icons" catigory="other" />, mountNode);
```
<style>
@ -111,7 +105,7 @@ ul.anticons-list li.copied:after {
top: -10px;
}
.anticon {
font-size: 22px;
font-size: 24px;
margin: 12px 0 16px;
transition: all .3s;
}

View File

@ -42,25 +42,19 @@ toc: false
```__react
import IconSet from 'site/theme/template/IconSet';
const icons1 = ['step-backward', 'step-forward', 'fast-backward', 'fast-forward', 'shrink', 'arrow-salt', 'down', 'up', 'left', 'right', 'caret-down', 'caret-up', 'caret-left', 'caret-right', 'caret-circle-right', 'caret-circle-left', 'caret-circle-o-right', 'caret-circle-o-left', 'circle-right', 'circle-left', 'circle-o-right', 'circle-o-left', 'double-right', 'double-left', 'verticle-right', 'verticle-left', 'forward', 'backward', 'rollback', 'enter', 'retweet', 'swap', 'swap-left', 'swap-right', 'arrow-right', 'arrow-up', 'arrow-down', 'arrow-left', 'play-circle', 'play-circle-o', 'circle-up', 'circle-down', 'circle-o-up', 'circle-o-down', 'caret-circle-o-up', 'caret-circle-o-down', 'caret-circle-up', 'caret-circle-down'];
ReactDOM.render(<IconSet className="icons" icons={icons1} key="icons1" />, mountNode);
ReactDOM.render(<IconSet className="icons" catigory="direction" />, mountNode);
```
### 提示建议性图标
```__react
const icons2 = ['question', 'question-circle-o', 'question-circle', 'plus', 'plus-circle-o', 'plus-circle', 'pause', 'pause-circle-o', 'pause-circle', 'minus', 'minus-circle-o', 'minus-circle', 'plus-square', 'minus-square', 'info', 'info-circle-o', 'info-circle', 'exclamation', 'exclamation-circle-o', 'exclamation-circle', 'cross', 'cross-circle-o', 'cross-circle', 'check', 'check-circle-o', 'check-circle', 'clock-circle-o', 'clock-circle'];
ReactDOM.render(<IconSet className="icons" icons={icons2} key="icons2" />, mountNode);
ReactDOM.render(<IconSet className="icons" catigory="suggestion" />, mountNode);
```
### 网站通用图标
```__react
const icons3 = ['lock', 'unlock', 'android', 'apple', 'area-chart', 'bar-chart', 'bars', 'book', 'calendar', 'cloud', 'cloud-download', 'code', 'copy', 'credit-card', 'delete', 'desktop', 'download', 'edit', 'ellipsis', 'file', 'file-text', 'file-unknown', 'file-pdf','file-excel', 'file-jpg', 'file-ppt', 'folder', 'folder-open', 'github', 'hdd', 'frown', 'meh', 'inbox', 'laptop', 'appstore-o', 'appstore', 'line-chart', 'link', 'logout', 'mail', 'menu-fold', 'menu-unfold', 'mobile', 'notification', 'paper-clip', 'picture', 'pie-chart', 'poweroff', 'reload', 'search', 'setting', 'share-alt', 'shopping-cart', 'smile', 'tablet', 'tag', 'tags', 'to-top', 'upload', 'user', 'video-camera', 'windows', 'ie', 'chrome', 'home', 'loading', 'smile-circle', 'meh-circle', 'frown-circle', 'tags-o', 'tag-o', 'cloud-upload-o', 'cloud-download-o', 'cloud-upload', 'cloud-o', 'star-o', 'star', 'heart-o', 'heart', 'environment', 'environment-o', 'eye', 'eye-o', 'camera', 'camera-o', 'aliwangwang', 'aliwangwang-o', 'save', 'team', 'solution', 'phone', 'filter', 'exception', 'export', 'customerservice', 'qrcode', 'scan', 'like', 'dislike', 'message', 'pay-circle', 'pay-circle-o', 'calculator', 'pushpin', 'pushpin-o'];
ReactDOM.render(<IconSet className="icons" icons={icons3} key="icons3" />, mountNode);
ReactDOM.render(<IconSet className="icons" catigory="other" />, mountNode);
```
<style>
@ -112,7 +106,7 @@ ul.anticons-list li.copied:after {
top: -10px;
}
.anticon {
font-size: 22px;
font-size: 24px;
margin: 12px 0 16px;
transition: all .3s;
}

View File

@ -175,7 +175,7 @@
top: 1px;
&:before {
text-align: center;
content: "\e602";
content: "\e61e";
}
}
&:hover {
@ -193,7 +193,7 @@
&-inner {
&:before {
text-align: center;
content: "\e603";
content: "\e61d";
}
}
&:hover {

View File

@ -196,7 +196,7 @@
text-rendering: auto;
position: absolute;
transition: transform .3s ease;
content: "\e603";
content: "\e61d";
right: 16px;
.ie-rotate(3);
transform: rotate(270deg) scale(0.75);
@ -211,7 +211,7 @@
text-rendering: auto;
position: absolute;
transition: transform .3s ease;
content: "\e603";
content: "\e61d";
right: 16px;
top: 0;
.iconfont-size-under-12px(8px);

View File

@ -62,7 +62,7 @@
line-height: 1;
&:before {
content: "\e62d";
content: "\e633";
display: block;
font-family: "anticon" !important;
}

View File

@ -75,7 +75,7 @@
&-close-x:after {
font-size: @font-size-base;
content: "\e62d";
content: "\e633";
font-family: "anticon";
cursor: pointer;
}

View File

@ -88,7 +88,7 @@
&-jump-prev {
&:hover {
&:after {
content: "\e601\e601";
content: "\e620\e620";
}
}
}
@ -96,7 +96,7 @@
&-jump-next {
&:hover {
&:after {
content: "\e600\e600";
content: "\e61f\e61f";
}
}
}
@ -156,7 +156,7 @@
a {
&:after {
margin-top: -.5px;
content: "\e601";
content: "\e620";
display: block;
}
}
@ -165,7 +165,7 @@
&-next {
a {
&:after {
content: "\e600";
content: "\e61f";
display: block;
}
}

View File

@ -8,7 +8,7 @@
margin: 0;
padding: 0;
list-style: none;
font-size: 18px;
font-size: 20px;
display: inline-block;
vertical-align: middle;
font-family: 'anticon';
@ -41,7 +41,7 @@
&-content:before {
color: #e9e9e9;
cursor: pointer;
content: "\E694";
content: "\e660";
transition: all 0.3s ease;
display: block;
}

View File

@ -27,7 +27,7 @@
transition: color 0.3s ease, opacity 0.15s ease;
&:before {
display: block;
.iconfont-font("\e631");
.iconfont-font("\e62e");
}
&:hover {
color: #999;
@ -55,14 +55,14 @@
right: 8px;
line-height: 1;
margin-top: -6px;
.iconfont-size-under-12px(8px);
.iconfont-size-under-12px(9px);
* {
display: none;
}
&:before {
content: '\e603';
content: '\e61d';
transition: transform 0.2s ease;
}
}
@ -319,7 +319,7 @@
color: #404040;
}
&:before {
content: "\e62d";
content: "\e633";
}
}
}
@ -480,7 +480,7 @@
&&--multiple {
.@{select-prefix-cls}-dropdown-menu-item {
&:after {
.iconfont-font("\e62e");
.iconfont-font("\e632");
color: transparent;
.iconfont-size-under-12px(10px);
transition: all 0.2s ease;

View File

@ -13,189 +13,226 @@
.iconfont-mixin();
}
.@{iconfont-css-prefix}-caret-circle-o-up:before {content:"\e60c";}
.@{iconfont-css-prefix}-android:before {content:"\e64f";}
.@{iconfont-css-prefix}-chrome:before {content:"\e65c";}
.@{iconfont-css-prefix}-appstore-o:before {content:"\e6b2";}
.@{iconfont-css-prefix}-appstore:before {content:"\e64d";}
.@{iconfont-css-prefix}-apple:before {content:"\e64e";}
.@{iconfont-css-prefix}-github:before {content:"\e674";}
.@{iconfont-css-prefix}-inbox:before {content:"\e67b";}
.@{iconfont-css-prefix}-ie:before {content:"\e67c";}
.@{iconfont-css-prefix}-smile:before {content:"\e677";}
.@{iconfont-css-prefix}-smile-circle:before {content:"\e676";}
.@{iconfont-css-prefix}-meh-circle:before {content:"\e678";}
.@{iconfont-css-prefix}-frown:before {content:"\e673";}
.@{iconfont-css-prefix}-frown-circle:before {content:"\e672";}
.@{iconfont-css-prefix}-meh:before {content:"\e679";}
.@{iconfont-css-prefix}-pie-chart:before {content:"\e68a";}
.@{iconfont-css-prefix}-tags:before {content:"\e656";}
.@{iconfont-css-prefix}-tags-o:before {content:"\e657";}
.@{iconfont-css-prefix}-tag:before {content:"\e658";}
.@{iconfont-css-prefix}-tag-o:before {content:"\e659";}
.@{iconfont-css-prefix}-cloud:before {content:"\e65a";}
.@{iconfont-css-prefix}-cloud-upload-o:before {content:"\e697";}
.@{iconfont-css-prefix}-cloud-download-o:before {content:"\e698";}
.@{iconfont-css-prefix}-cloud-upload:before {content:"\e696";}
.@{iconfont-css-prefix}-cloud-o:before {content:"\e699";}
.@{iconfont-css-prefix}-cloud-download:before {content:"\e65b";}
.@{iconfont-css-prefix}-star-o:before {content:"\e693";}
.@{iconfont-css-prefix}-star:before {content:"\e694";}
.@{iconfont-css-prefix}-environment:before {content:"\e665";}
.@{iconfont-css-prefix}-environment-o:before {content:"\e666";}
.@{iconfont-css-prefix}-eye:before {content:"\e66e";}
.@{iconfont-css-prefix}-eye-o:before {content:"\e66d";}
.@{iconfont-css-prefix}-camera:before {content:"\e653";}
.@{iconfont-css-prefix}-camera-o:before {content:"\e652";}
.@{iconfont-css-prefix}-aliwangwang:before {content:"\e64b";}
.@{iconfont-css-prefix}-aliwangwang-o:before {content:"\e64a";}
.@{iconfont-css-prefix}-windows:before {content:"\e6a0";}
.@{iconfont-css-prefix}-shopping-cart:before {content:"\e692";}
.@{iconfont-css-prefix}-unlock:before {content:"\e69f";}
.@{iconfont-css-prefix}-lock:before {content:"\e69d";}
.@{iconfont-css-prefix}-save:before {content:"\e69e";}
.@{iconfont-css-prefix}-user:before {content:"\e69c";}
.@{iconfont-css-prefix}-video-camera:before {content:"\e69b";}
.@{iconfont-css-prefix}-to-top:before {content:"\e69a";}
.@{iconfont-css-prefix}-team:before {content:"\e680";}
.@{iconfont-css-prefix}-tablet:before {content:"\e695";}
.@{iconfont-css-prefix}-solution:before {content:"\e68f";}
.@{iconfont-css-prefix}-poweroff:before {content:"\e691";}
.@{iconfont-css-prefix}-search:before {content:"\e690";}
.@{iconfont-css-prefix}-share-alt:before {content:"\e68e";}
.@{iconfont-css-prefix}-setting:before {content:"\e68d";}
.@{iconfont-css-prefix}-poweroff:before {content:"\e68b";}
.@{iconfont-css-prefix}-picture:before {content:"\e689";}
.@{iconfont-css-prefix}-phone:before {content:"\e688";}
.@{iconfont-css-prefix}-paper-clip:before {content:"\e687";}
.@{iconfont-css-prefix}-notification:before {content:"\e686";}
.@{iconfont-css-prefix}-mobile:before {content:"\e685";}
.@{iconfont-css-prefix}-menu-fold:before {content:"\e684";}
.@{iconfont-css-prefix}-menu-unfold:before {content:"\e683";}
.@{iconfont-css-prefix}-mail:before {content:"\e682";}
.@{iconfont-css-prefix}-logout:before {content:"\e681";}
.@{iconfont-css-prefix}-link:before {content:"\e67e";}
.@{iconfont-css-prefix}-line-chart:before {content:"\e67f";}
.@{iconfont-css-prefix}-home:before {content:"\e67d";}
.@{iconfont-css-prefix}-laptop:before {content:"\e67a";}
.@{iconfont-css-prefix}-hdd:before {content:"\e675";}
.@{iconfont-css-prefix}-folder-open:before {content:"\e671";}
.@{iconfont-css-prefix}-folder:before {content:"\e670";}
.@{iconfont-css-prefix}-filter:before {content:"\e66f";}
.@{iconfont-css-prefix}-file-text:before {content:"\e66c";}
.@{iconfont-css-prefix}-file:before {content:"\e66b";}
.@{iconfont-css-prefix}-file-unknown:before {content:"\e6a6";}
.@{iconfont-css-prefix}-file-excel:before {content:"\e6ac";}
.@{iconfont-css-prefix}-file-pdf:before {content:"\e6ab";}
.@{iconfont-css-prefix}-file-jpg:before {content:"\e6aa";}
.@{iconfont-css-prefix}-file-ppt:before {content:"\e6a7";}
.@{iconfont-css-prefix}-exception:before {content:"\e66a";}
.@{iconfont-css-prefix}-export:before {content:"\e669";}
.@{iconfont-css-prefix}-desktop:before {content:"\e662";}
.@{iconfont-css-prefix}-edit:before {content:"\e668";}
.@{iconfont-css-prefix}-ellipsis:before {content:"\e667";}
.@{iconfont-css-prefix}-upload:before {content:"\e664";}
.@{iconfont-css-prefix}-download:before {content:"\e663";}
.@{iconfont-css-prefix}-delete:before {content:"\e661";}
.@{iconfont-css-prefix}-copy:before {content:"\e660";}
.@{iconfont-css-prefix}-customerservice:before {content:"\e65e";}
.@{iconfont-css-prefix}-credit-card:before {content:"\e65f";}
.@{iconfont-css-prefix}-code:before {content:"\e65d";}
.@{iconfont-css-prefix}-calendar:before {content:"\e654";}
.@{iconfont-css-prefix}-book:before {content:"\e655";}
.@{iconfont-css-prefix}-bars:before {content:"\e650";}
.@{iconfont-css-prefix}-bar-chart:before {content:"\e651";}
.@{iconfont-css-prefix}-area-chart:before {content:"\e64c";}
.@{iconfont-css-prefix}-question-circle-o:before {content:"\e648";}
.@{iconfont-css-prefix}-question:before {content:"\e649";}
.@{iconfont-css-prefix}-question-circle:before {content:"\e647";}
.@{iconfont-css-prefix}-pause-circle:before {content:"\e644";}
.@{iconfont-css-prefix}-pause:before {content:"\e646";}
.@{iconfont-css-prefix}-pause-circle-o:before {content:"\e645";}
.@{iconfont-css-prefix}-clock-circle:before {content:"\e642";}
.@{iconfont-css-prefix}-clock-circle-o:before {content:"\e643";}
.@{iconfont-css-prefix}-swap:before {content:"\e641";}
.@{iconfont-css-prefix}-swap-left:before {content:"\e63f";}
.@{iconfont-css-prefix}-swap-right:before {content:"\e640";}
.@{iconfont-css-prefix}-plus-circle:before {content:"\e63d";}
.@{iconfont-css-prefix}-plus:before {content:"\e63e";}
.@{iconfont-css-prefix}-plus-circle-o:before {content:"\e63c";}
.@{iconfont-css-prefix}-minus:before {content:"\e63b";}
.@{iconfont-css-prefix}-minus-circle-o:before {content:"\e63a";}
.@{iconfont-css-prefix}-minus-circle:before {content:"\e639";}
.@{iconfont-css-prefix}-plus-square:before {content:"\e6ae";}
.@{iconfont-css-prefix}-minus-square:before {content:"\e6ad";}
.@{iconfont-css-prefix}-info-circle-o:before {content:"\e638";}
.@{iconfont-css-prefix}-info-circle:before {content:"\e637";}
.@{iconfont-css-prefix}-info:before {content:"\e636";}
.@{iconfont-css-prefix}-exclamation-circle:before {content:"\e634";}
.@{iconfont-css-prefix}-exclamation-circle-o:before {content:"\e635";}
.@{iconfont-css-prefix}-exclamation:before {content:"\e633";}
.@{iconfont-css-prefix}-cross-circle:before {content:"\e631";}
.@{iconfont-css-prefix}-cross-circle-o:before {content:"\e632";}
.@{iconfont-css-prefix}-check-circle:before {content:"\e62f";}
.@{iconfont-css-prefix}-check-circle-o:before {content:"\e630";}
.@{iconfont-css-prefix}-cross:before {content:"\e62d";}
.@{iconfont-css-prefix}-check:before {content:"\e62e";}
.@{iconfont-css-prefix}-verticle-right:before {content:"\e62c";}
.@{iconfont-css-prefix}-verticle-left:before {content:"\e62b";}
.@{iconfont-css-prefix}-rollback:before {content:"\e62a";}
.@{iconfont-css-prefix}-enter:before {content:"\e6b6";}
.@{iconfont-css-prefix}-retweet:before {content:"\e627";}
.@{iconfont-css-prefix}-shrink:before {content:"\e628";}
.@{iconfont-css-prefix}-arrow-salt:before {content:"\e629";}
.@{iconfont-css-prefix}-reload:before {content:"\e626";}
.@{iconfont-css-prefix}-double-right:before {content:"\e625";}
.@{iconfont-css-prefix}-double-left:before {content:"\e624";}
.@{iconfont-css-prefix}-arrow-right:before {content:"\e621";}
.@{iconfont-css-prefix}-arrow-up:before {content:"\e622";}
.@{iconfont-css-prefix}-arrow-down:before {content:"\e623";}
.@{iconfont-css-prefix}-arrow-left:before {content:"\e620";}
.@{iconfont-css-prefix}-left:before {content:"\e601";}
.@{iconfont-css-prefix}-right:before {content:"\e600";}
.@{iconfont-css-prefix}-down:before {content:"\e603";}
.@{iconfont-css-prefix}-up:before {content:"\e602";}
.@{iconfont-css-prefix}-play-circle:before {content:"\e61e";}
.@{iconfont-css-prefix}-play-circle-o:before {content:"\e61f";}
.@{iconfont-css-prefix}-circle-left:before {content:"\e61b";}
.@{iconfont-css-prefix}-circle-up:before {content:"\e61c";}
.@{iconfont-css-prefix}-circle-down:before {content:"\e61d";}
.@{iconfont-css-prefix}-circle-right:before {content:"\e61a";}
.@{iconfont-css-prefix}-circle-o-right:before {content:"\e616";}
.@{iconfont-css-prefix}-circle-o-up:before {content:"\e618";}
.@{iconfont-css-prefix}-circle-o-down:before {content:"\e617";}
.@{iconfont-css-prefix}-circle-o-left:before {content:"\e619";}
.@{iconfont-css-prefix}-step-backward:before {content:"\e614";}
.@{iconfont-css-prefix}-step-forward:before {content:"\e615";}
.@{iconfont-css-prefix}-fast-backward:before {content:"\e613";}
.@{iconfont-css-prefix}-fast-forward:before {content:"\e612";}
.@{iconfont-css-prefix}-caret-left:before {content:"\e60f";}
.@{iconfont-css-prefix}-caret-right:before {content:"\e60a";}
.@{iconfont-css-prefix}-caret-down:before {content:"\e611";}
.@{iconfont-css-prefix}-caret-up:before {content:"\e610";}
.@{iconfont-css-prefix}-forward:before {content:"\e608";}
.@{iconfont-css-prefix}-backward:before {content:"\e609";}
.@{iconfont-css-prefix}-caret-circle-o-down:before {content:"\e60e";}
.@{iconfont-css-prefix}-caret-circle-o-right:before {content:"\e60d";}
.@{iconfont-css-prefix}-caret-circle-o-left:before {content:"\e60b";}
.@{iconfont-css-prefix}-caret-circle-left:before {content:"\e604";}
.@{iconfont-css-prefix}-caret-circle-right:before {content:"\e605";}
.@{iconfont-css-prefix}-caret-circle-up:before {content:"\e606";}
.@{iconfont-css-prefix}-caret-circle-down:before {content:"\e607";}
.@{iconfont-css-prefix}-qrcode:before {content:"\e6a5";}
.@{iconfont-css-prefix}-scan:before {content:"\e6af";}
.@{iconfont-css-prefix}-like:before {content:"\e6a3";}
.@{iconfont-css-prefix}-dislike:before {content:"\e6a2";}
.@{iconfont-css-prefix}-pay-circle:before {content:"\e6a8";}
.@{iconfont-css-prefix}-pay-circle-o:before {content:"\e6a9";}
.@{iconfont-css-prefix}-message:before {content:"\e6a4";}
.@{iconfont-css-prefix}-heart:before {content:"\e68c";}
.@{iconfont-css-prefix}-heart-o:before {content:"\e6b0";}
.@{iconfont-css-prefix}-calculator:before {content:"\e6b1";}
.@{iconfont-css-prefix}-pushpin:before {content:"\e6b5";}
.@{iconfont-css-prefix}-pushpin-o:before {content:"\e6b3";}
.@{iconfont-css-prefix}-step-forward:before { content: "\e600"; }
.@{iconfont-css-prefix}-step-backward:before { content: "\e601"; }
.@{iconfont-css-prefix}-forward:before { content: "\e602"; }
.@{iconfont-css-prefix}-backward:before { content: "\e603"; }
.@{iconfont-css-prefix}-caret-right:before { content: "\e604"; }
.@{iconfont-css-prefix}-caret-left:before { content: "\e605"; }
.@{iconfont-css-prefix}-caret-down:before { content: "\e606"; }
.@{iconfont-css-prefix}-caret-up:before { content: "\e607"; }
.@{iconfont-css-prefix}-right-circle:before { content: "\e608"; }
.@{iconfont-css-prefix}-circle-right:before { content: "\e608"; } // antd@1.x compatibility alias: right-circle
.@{iconfont-css-prefix}-caret-circle-right:before { content: "\e608"; } // antd@1.x compatibility alias: right-circle
.@{iconfont-css-prefix}-left-circle:before { content: "\e609"; }
.@{iconfont-css-prefix}-circle-left:before { content: "\e609"; } // antd@1.x compatibility alias: left-circle
.@{iconfont-css-prefix}-caret-circle-left:before { content: "\e609"; } // antd@1.x compatibility alias: left-circle
.@{iconfont-css-prefix}-up-circle:before { content: "\e60a"; }
.@{iconfont-css-prefix}-circle-up:before { content: "\e60a"; } // antd@1.x compatibility alias: up-circle
.@{iconfont-css-prefix}-caret-circle-up:before { content: "\e60a"; } // antd@1.x compatibility alias: up-circle
.@{iconfont-css-prefix}-down-circle:before { content: "\e60b"; }
.@{iconfont-css-prefix}-circle-down:before { content: "\e60b"; } // antd@1.x compatibility alias: down-circle
.@{iconfont-css-prefix}-caret-circle-down:before { content: "\e60b"; } // antd@1.x compatibility alias: down-circle
.@{iconfont-css-prefix}-right-circle-o:before { content: "\e60c"; }
.@{iconfont-css-prefix}-circle-o-right:before { content: "\e60c"; } // antd@1.x compatibility alias: right-circle-o
.@{iconfont-css-prefix}-caret-circle-o-right:before { content: "\e60c"; } // antd@1.x compatibility alias: right-circle-o
.@{iconfont-css-prefix}-left-circle-o:before { content: "\e60d"; }
.@{iconfont-css-prefix}-circle-o-left:before { content: "\e60d"; } // antd@1.x compatibility alias: left-circle-o
.@{iconfont-css-prefix}-caret-circle-o-left:before { content: "\e60d"; } // antd@1.x compatibility alias: left-circle-o
.@{iconfont-css-prefix}-up-circle-o:before { content: "\e60e"; }
.@{iconfont-css-prefix}-circle-o-up:before { content: "\e60e"; } // antd@1.x compatibility alias: up-circle-o
.@{iconfont-css-prefix}-caret-circle-o-up:before { content: "\e60e"; } // antd@1.x compatibility alias: up-circle-o
.@{iconfont-css-prefix}-down-circle-o:before { content: "\e60f"; }
.@{iconfont-css-prefix}-circle-o-down:before { content: "\e60f"; } // antd@1.x compatibility alias: down-circle-o
.@{iconfont-css-prefix}-caret-circle-o-down:before { content: "\e60f"; } // antd@1.x compatibility alias: down-circle-o
.@{iconfont-css-prefix}-verticle-left:before { content: "\e610"; }
.@{iconfont-css-prefix}-verticle-right:before { content: "\e611"; }
.@{iconfont-css-prefix}-rollback:before { content: "\e612"; }
.@{iconfont-css-prefix}-retweet:before { content: "\e613"; }
.@{iconfont-css-prefix}-shrink:before { content: "\e614"; }
.@{iconfont-css-prefix}-arrows-alt:before { content: "\e615"; }
.@{iconfont-css-prefix}-arrow-salt:before { content: "\e615"; } // antd@1.x compatibility alias: arrows-alt
.@{iconfont-css-prefix}-reload:before { content: "\e616"; }
.@{iconfont-css-prefix}-double-right:before { content: "\e617"; }
.@{iconfont-css-prefix}-double-left:before { content: "\e618"; }
.@{iconfont-css-prefix}-arrow-down:before { content: "\e619"; }
.@{iconfont-css-prefix}-arrow-up:before { content: "\e61a"; }
.@{iconfont-css-prefix}-arrow-right:before { content: "\e61b"; }
.@{iconfont-css-prefix}-arrow-left:before { content: "\e61c"; }
.@{iconfont-css-prefix}-down:before { content: "\e61d"; }
.@{iconfont-css-prefix}-up:before { content: "\e61e"; }
.@{iconfont-css-prefix}-right:before { content: "\e61f"; }
.@{iconfont-css-prefix}-left:before { content: "\e620"; }
.@{iconfont-css-prefix}-minus-square-o:before { content: "\e621"; }
.@{iconfont-css-prefix}-minus-circle:before { content: "\e622"; }
.@{iconfont-css-prefix}-minus-circle-o:before { content: "\e623"; }
.@{iconfont-css-prefix}-minus:before { content: "\e624"; }
.@{iconfont-css-prefix}-plus-circle-o:before { content: "\e625"; }
.@{iconfont-css-prefix}-plus-circle:before { content: "\e626"; }
.@{iconfont-css-prefix}-plus:before { content: "\e627"; }
.@{iconfont-css-prefix}-info-circle:before { content: "\e628"; }
.@{iconfont-css-prefix}-info-circle-o:before { content: "\e629"; }
.@{iconfont-css-prefix}-info:before { content: "\e62a"; }
.@{iconfont-css-prefix}-exclamation:before { content: "\e62b"; }
.@{iconfont-css-prefix}-exclamation-circle:before { content: "\e62c"; }
.@{iconfont-css-prefix}-exclamation-circle-o:before { content: "\e62d"; }
.@{iconfont-css-prefix}-close-circle:before { content: "\e62e"; }
.@{iconfont-css-prefix}-cross-circle:before { content: "\e62e"; } // antd@1.x compatibility alias: close-circle
.@{iconfont-css-prefix}-close-circle-o:before { content: "\e62f"; }
.@{iconfont-css-prefix}-cross-circle-o:before { content: "\e62f"; } // antd@1.x compatibility alias: close-circle-o
.@{iconfont-css-prefix}-check-circle:before { content: "\e630"; }
.@{iconfont-css-prefix}-check-circle-o:before { content: "\e631"; }
.@{iconfont-css-prefix}-check:before { content: "\e632"; }
.@{iconfont-css-prefix}-close:before { content: "\e633"; }
.@{iconfont-css-prefix}-cross:before { content: "\e633"; } // antd@1.x compatibility alias: close
.@{iconfont-css-prefix}-customer-service:before { content: "\e634"; }
.@{iconfont-css-prefix}-customerservice:before { content: "\e634"; } // antd@1.x compatibility alias: customer-service
.@{iconfont-css-prefix}-credit-card:before { content: "\e635"; }
.@{iconfont-css-prefix}-code-o:before { content: "\e636"; }
.@{iconfont-css-prefix}-book:before { content: "\e637"; }
.@{iconfont-css-prefix}-bar-chart:before { content: "\e638"; }
.@{iconfont-css-prefix}-bars:before { content: "\e639"; }
.@{iconfont-css-prefix}-question:before { content: "\e63a"; }
.@{iconfont-css-prefix}-question-circle:before { content: "\e63b"; }
.@{iconfont-css-prefix}-question-circle-o:before { content: "\e63c"; }
.@{iconfont-css-prefix}-pause:before { content: "\e63d"; }
.@{iconfont-css-prefix}-pause-circle:before { content: "\e63e"; }
.@{iconfont-css-prefix}-pause-circle-o:before { content: "\e63f"; }
.@{iconfont-css-prefix}-clock-circle:before { content: "\e640"; }
.@{iconfont-css-prefix}-clock-circle-o:before { content: "\e641"; }
.@{iconfont-css-prefix}-swap:before { content: "\e642"; }
.@{iconfont-css-prefix}-swap-left:before { content: "\e643"; }
.@{iconfont-css-prefix}-swap-right:before { content: "\e644"; }
.@{iconfont-css-prefix}-plus-square-o:before { content: "\e645"; }
.@{iconfont-css-prefix}-frown:before { content: "\e646"; }
.@{iconfont-css-prefix}-frown-circle:before { content: "\e646"; } // antd@1.x compatibility alias: frown
.@{iconfont-css-prefix}-ellipsis:before { content: "\e647"; }
.@{iconfont-css-prefix}-copy:before { content: "\e648"; }
.@{iconfont-css-prefix}-menu-fold:before { content: "\e658"; }
.@{iconfont-css-prefix}-mail:before { content: "\e659"; }
.@{iconfont-css-prefix}-logout:before { content: "\e65a"; }
.@{iconfont-css-prefix}-link:before { content: "\e65b"; }
.@{iconfont-css-prefix}-area-chart:before { content: "\e65c"; }
.@{iconfont-css-prefix}-line-chart:before { content: "\e65d"; }
.@{iconfont-css-prefix}-home:before { content: "\e65e"; }
.@{iconfont-css-prefix}-laptop:before { content: "\e65f"; }
.@{iconfont-css-prefix}-star:before { content: "\e660"; }
.@{iconfont-css-prefix}-star-o:before { content: "\e661"; }
.@{iconfont-css-prefix}-folder:before { content: "\e662"; }
.@{iconfont-css-prefix}-filter:before { content: "\e663"; }
.@{iconfont-css-prefix}-file:before { content: "\e664"; }
.@{iconfont-css-prefix}-exception:before { content: "\e665"; }
.@{iconfont-css-prefix}-meh:before { content: "\e666"; }
.@{iconfont-css-prefix}-meh-circle:before { content: "\e666"; } // antd@1.x compatibility alias: meh
.@{iconfont-css-prefix}-meh-o:before { content: "\e667"; }
.@{iconfont-css-prefix}-shopping-cart:before { content: "\e668"; }
.@{iconfont-css-prefix}-save:before { content: "\e669"; }
.@{iconfont-css-prefix}-user:before { content: "\e66a"; }
.@{iconfont-css-prefix}-video-camera:before { content: "\e66b"; }
.@{iconfont-css-prefix}-to-top:before { content: "\e66c"; }
.@{iconfont-css-prefix}-team:before { content: "\e66d"; }
.@{iconfont-css-prefix}-tablet:before { content: "\e66e"; }
.@{iconfont-css-prefix}-solution:before { content: "\e66f"; }
.@{iconfont-css-prefix}-search:before { content: "\e670"; }
.@{iconfont-css-prefix}-share-alt:before { content: "\e671"; }
.@{iconfont-css-prefix}-setting:before { content: "\e672"; }
.@{iconfont-css-prefix}-poweroff:before { content: "\e6d5"; }
.@{iconfont-css-prefix}-picture:before { content: "\e674"; }
.@{iconfont-css-prefix}-phone:before { content: "\e675"; }
.@{iconfont-css-prefix}-paper-clip:before { content: "\e676"; }
.@{iconfont-css-prefix}-notification:before { content: "\e677"; }
.@{iconfont-css-prefix}-mobile:before { content: "\e678"; }
.@{iconfont-css-prefix}-menu-unfold:before { content: "\e679"; }
.@{iconfont-css-prefix}-inbox:before { content: "\e67a"; }
.@{iconfont-css-prefix}-lock:before { content: "\e67b"; }
.@{iconfont-css-prefix}-qrcode:before { content: "\e67c"; }
.@{iconfont-css-prefix}-play-circle:before { content: "\e6d0"; }
.@{iconfont-css-prefix}-play-circle-o:before { content: "\e6d1"; }
.@{iconfont-css-prefix}-tag:before { content: "\e6d2"; }
.@{iconfont-css-prefix}-tag-o:before { content: "\e6d3"; }
.@{iconfont-css-prefix}-tags:before { content: "\e67d"; }
.@{iconfont-css-prefix}-tags-o:before { content: "\e67e"; }
.@{iconfont-css-prefix}-cloud-o:before { content: "\e67f"; }
.@{iconfont-css-prefix}-cloud:before { content: "\e680"; }
.@{iconfont-css-prefix}-cloud-upload:before { content: "\e681"; }
.@{iconfont-css-prefix}-cloud-download:before { content: "\e682"; }
.@{iconfont-css-prefix}-cloud-download-o:before { content: "\e683"; }
.@{iconfont-css-prefix}-cloud-upload-o:before { content: "\e684"; }
.@{iconfont-css-prefix}-environment:before { content: "\e685"; }
.@{iconfont-css-prefix}-environment-o:before { content: "\e686"; }
.@{iconfont-css-prefix}-eye:before { content: "\e687"; }
.@{iconfont-css-prefix}-eye-o:before { content: "\e688"; }
.@{iconfont-css-prefix}-camera:before { content: "\e689"; }
.@{iconfont-css-prefix}-camera-o:before { content: "\e68a"; }
.@{iconfont-css-prefix}-windows:before { content: "\e68b"; }
.@{iconfont-css-prefix}-apple:before { content: "\e68c"; }
.@{iconfont-css-prefix}-apple-o:before { content: "\e6d4"; }
.@{iconfont-css-prefix}-android:before { content: "\e68d"; }
.@{iconfont-css-prefix}-aliwangwang:before { content: "\e68e"; }
.@{iconfont-css-prefix}-aliwangwang-o:before { content: "\e68f"; }
.@{iconfont-css-prefix}-export:before { content: "\e691"; }
.@{iconfont-css-prefix}-edit:before { content: "\e692"; }
.@{iconfont-css-prefix}-circle-down-o:before { content: "\e693"; }
.@{iconfont-css-prefix}-circle-down-:before { content: "\e694"; }
.@{iconfont-css-prefix}-appstore-o:before { content: "\e695"; }
.@{iconfont-css-prefix}-appstore:before { content: "\e696"; }
.@{iconfont-css-prefix}-scan:before { content: "\e697"; }
.@{iconfont-css-prefix}-file-text:before { content: "\e698"; }
.@{iconfont-css-prefix}-folder-open:before { content: "\e699"; }
.@{iconfont-css-prefix}-hdd:before { content: "\e69a"; }
.@{iconfont-css-prefix}-ie:before { content: "\e69b"; }
.@{iconfont-css-prefix}-file-jpg:before { content: "\e69c"; }
.@{iconfont-css-prefix}-like:before { content: "\e69d"; }
.@{iconfont-css-prefix}-dislike:before { content: "\e69e"; }
.@{iconfont-css-prefix}-delete:before { content: "\e69f"; }
.@{iconfont-css-prefix}-enter:before { content: "\e6a0"; }
.@{iconfont-css-prefix}-pushpin-o:before { content: "\e6a1"; }
.@{iconfont-css-prefix}-pushpin:before { content: "\e6a2"; }
.@{iconfont-css-prefix}-heart:before { content: "\e6a3"; }
.@{iconfont-css-prefix}-heart-o:before { content: "\e6a4"; }
.@{iconfont-css-prefix}-pay-circle:before { content: "\e6a5"; }
.@{iconfont-css-prefix}-pay-circle-o:before { content: "\e6a6"; }
.@{iconfont-css-prefix}-smile:before { content: "\e6a7"; }
.@{iconfont-css-prefix}-smile-circle:before { content: "\e6a7"; } // antd@1.x compatibility alias: smile
.@{iconfont-css-prefix}-smile-o:before { content: "\e6a8"; }
.@{iconfont-css-prefix}-frown-o:before { content: "\e6a9"; }
.@{iconfont-css-prefix}-calculator:before { content: "\e6aa"; }
.@{iconfont-css-prefix}-message:before { content: "\e6ab"; }
.@{iconfont-css-prefix}-chrome:before { content: "\e6ac"; }
.@{iconfont-css-prefix}-github:before { content: "\e6ad"; }
.@{iconfont-css-prefix}-file-unknown:before { content: "\e6af"; }
.@{iconfont-css-prefix}-file-excel:before { content: "\e6b0"; }
.@{iconfont-css-prefix}-file-ppt:before { content: "\e6b1"; }
.@{iconfont-css-prefix}-file-word:before { content: "\e6b2"; }
.@{iconfont-css-prefix}-file-pdf:before { content: "\e6b3"; }
.@{iconfont-css-prefix}-desktop:before { content: "\e6b4"; }
.@{iconfont-css-prefix}-upload:before { content: "\e6b6"; }
.@{iconfont-css-prefix}-download:before { content: "\e6b7"; }
.@{iconfont-css-prefix}-pie-chart:before { content: "\e6b8"; }
.@{iconfont-css-prefix}-unlock:before { content: "\e6ba"; }
.@{iconfont-css-prefix}-calendar:before { content: "\e6bb"; }
.@{iconfont-css-prefix}-windows-o:before { content: "\e6bc"; }
.@{iconfont-css-prefix}-dot-chart:before { content: "\e6bd"; }
.@{iconfont-css-prefix}-bar-chart:before { content: "\e6be"; }
.@{iconfont-css-prefix}-code:before { content: "\e6bf"; }
.@{iconfont-css-prefix}-plus-square:before { content: "\e6c0"; }
.@{iconfont-css-prefix}-minus-square:before { content: "\e6c1"; }
.@{iconfont-css-prefix}-close-square:before { content: "\e6c2"; }
.@{iconfont-css-prefix}-close-square-o:before { content: "\e6c3"; }
.@{iconfont-css-prefix}-check-square:before { content: "\e6c4"; }
.@{iconfont-css-prefix}-check-square-o:before { content: "\e6c5"; }
.@{iconfont-css-prefix}-fast-backward:before { content: "\e6c6"; }
.@{iconfont-css-prefix}-fast-forward:before { content: "\e6c7"; }
.@{iconfont-css-prefix}-up-square:before { content: "\e6c8"; }
.@{iconfont-css-prefix}-down-square:before { content: "\e6c9"; }
.@{iconfont-css-prefix}-left-square:before { content: "\e6ca"; }
.@{iconfont-css-prefix}-right-square:before { content: "\e6cb"; }
.@{iconfont-css-prefix}-right-square-o:before { content: "\e6cc"; }
.@{iconfont-css-prefix}-left-square-o:before { content: "\e6cd"; }
.@{iconfont-css-prefix}-down-square-o:before { content: "\e6ce"; }
.@{iconfont-css-prefix}-up-square-o:before { content: "\e6cf"; }
.@{iconfont-css-prefix}-loading:before {
display: inline-block;
animation: loadingCircle 1s infinite linear;
content:"\e6a1";
content: "\e6ae";
}

View File

@ -23,7 +23,7 @@
// ICONFONT
@iconfont-css-prefix : anticon;
@icon-url : "https://at.alicdn.com/t/font_1463992151_360388";
@icon-url : "https://at.alicdn.com/t/font_1473840929_824008";
// LINK
@link-color : #2db7f5;

View File

@ -26,7 +26,7 @@ const defaultLocale = {
filterTitle: '筛选',
filterConfirm: '确定',
filterReset: '重置',
emptyText: <span><Icon type="frown" /></span>,
emptyText: <span><Icon type="frown-o" /></span>,
};
const defaultPagination = {

View File

@ -33,7 +33,7 @@
.@{iconfont-css-prefix}-filter {
margin-left: 4px;
.iconfont-size-under-12px(10px);
font-size: 12px;
cursor: pointer;
color: #aaa;
transition: all 0.3s ease;
@ -199,13 +199,13 @@
margin-left: 4px;
display: inline-block;
width: 12px;
height: 15px;
height: 14px;
vertical-align: middle;
text-align: center;
&-up,
&-down {
line-height: 4px;
height: 6px;
height: 5px;
display: block;
width: 12px;
cursor: pointer;
@ -221,7 +221,7 @@
}
.@{iconfont-css-prefix}-caret-up,
.@{iconfont-css-prefix}-caret-down {
.iconfont-size-under-12px(6px);
.iconfont-size-under-12px(7px);
line-height: 6px;
height: 6px;
color: #aaa;
@ -501,56 +501,4 @@
&&-scroll-position-right &-fixed-right {
box-shadow: none;
}
&-column-hidden {
display: none;
}
&-thead > tr > th&-column-has-prev {
position: relative;
}
&-thead > tr > th&-column-has-prev,
&-tbody > tr > td&-column-has-prev {
padding-left: 24px;
}
&-prev-columns-page,
&-next-columns-page {
cursor: pointer;
color: #666;
z-index: 1;
&:hover {
color: @primary-color;
}
&-disabled {
cursor: not-allowed;
color: #bbb;
&:hover {
color: #bbb;
}
}
}
&-prev-columns-page {
position: absolute;
left: 8px;
&:before {
content: '\e601';
.iconfont-size-under-12px(9px);
font-weight: bold;
font-family: anticon;
}
}
&-next-columns-page {
float: right;
margin-left: 8px;
&:before {
content: '\e600';
.iconfont-size-under-12px(9px);
font-weight: bold;
font-family: anticon;
}
}
}

View File

@ -100,14 +100,14 @@
right: 2px;
&-icon:before {
content: "\e600";
content: "\e61f";
}
}
&-tab-prev {
left: 0;
&-icon:before {
content: "\e601";
content: "\e620";
}
:root & {
filter: none;

View File

@ -67,7 +67,7 @@
line-height: 1;
width: 20px;
transition: color 0.3s ease;
.iconfont-font("\e631");
.iconfont-font("\e62e");
}
&-clear-btn:hover:after {
@ -210,7 +210,7 @@
top: 50%;
margin-top: -6px;
&:after {
content: "\e643";
content: "\e641";
font-family: "anticon";
font-size: 12px;
color: #999;

View File

@ -5,7 +5,7 @@
&:after {
.iconfont-size-under-12px(6px);
display: inline-block;
.iconfont-font("\e611");
.iconfont-font("\e606");
font-weight: bold;
position: absolute;
top: 1px;

View File

@ -73,7 +73,7 @@ div.main-container {
}
.outside-link:after {
content: '\E669';
content: '\e691';
font-family: 'anticon';
margin-left: 5px;
font-size: 12px;

View File

@ -183,7 +183,7 @@
.anticon {
display: block;
font-size: 14px;
font-size: 16px;
}
}

View File

@ -19,7 +19,7 @@
.prev-next-nav > a.prev-page:before {
font-family: 'anticon';
content: '\e601';
content: '\e620';
font-size: 12px;
margin-right: 1em;
}
@ -31,7 +31,7 @@
.prev-next-nav > a.next-page:after {
font-family: 'anticon';
content: '\e600';
content: '\e61f';
font-size: 12px;
margin-left: 1em;
}
}

View File

@ -7,8 +7,14 @@ export default class IconSet extends React.Component {
icons: [],
}
icons = {
direction: ['step-backward', 'step-forward', 'fast-backward', 'fast-forward', 'shrink', 'arrows-alt', 'down', 'up', 'left', 'right', 'caret-up', 'caret-down', 'caret-left', 'caret-right', 'up-circle', 'down-circle', 'left-circle', 'right-circle', 'up-circle-o', 'down-circle-o', 'right-circle-o', 'left-circle-o', 'double-right', 'double-left', 'verticle-left', 'verticle-right', 'forward', 'backward', 'rollback', 'enter', 'retweet', 'swap', 'swap-left', 'swap-right', 'arrow-up', 'arrow-down', 'arrow-left', 'arrow-right', 'play-circle', 'play-circle-o', 'up-square', 'down-square', 'left-square', 'right-square', 'up-square-o', 'down-square-o', 'left-square-o', 'right-square-o'],
suggestion: ['question', 'question-circle-o', 'question-circle', 'plus', 'plus-circle-o', 'plus-circle', 'pause', 'pause-circle-o', 'pause-circle', 'minus', 'minus-circle-o', 'minus-circle', 'plus-square', 'plus-square-o', 'minus-square', 'minus-square-o', 'info', 'info-circle-o', 'info-circle', 'exclamation', 'exclamation-circle-o', 'exclamation-circle', 'close', 'close-circle', 'close-circle-o', 'close-square', 'close-square-o', 'check', 'check-circle', 'check-circle-o', 'check-square', 'check-square-o', 'clock-circle-o', 'clock-circle'],
other: ['lock', 'unlock', 'android', 'apple', 'apple-o', 'area-chart', 'pie-chart', 'bar-chart', 'dot-chart', 'bars', 'book', 'calendar', 'cloud', 'cloud-download', 'code', 'code-o', 'copy', 'credit-card', 'delete', 'desktop', 'download', 'edit', 'ellipsis', 'file', 'file-text', 'file-unknown', 'file-pdf', 'file-excel', 'file-jpg', 'file-ppt', 'folder', 'folder-open', 'github', 'hdd', 'frown', 'frown-o', 'meh', 'meh-o', 'smile', 'smile-o', 'inbox', 'laptop', 'appstore-o', 'appstore', 'line-chart', 'link', 'logout', 'mail', 'menu-fold', 'menu-unfold', 'mobile', 'notification', 'paper-clip', 'picture', 'poweroff', 'reload', 'search', 'setting', 'share-alt', 'shopping-cart', 'tablet', 'tag', 'tag-o', 'tags', 'tags-o', 'to-top', 'upload', 'user', 'video-camera', 'windows', 'windows-o', 'ie', 'chrome', 'home', 'loading', 'cloud-upload-o', 'cloud-download-o', 'cloud-upload', 'cloud-o', 'star-o', 'star', 'heart-o', 'heart', 'environment', 'environment-o', 'eye', 'eye-o', 'camera', 'camera-o', 'aliwangwang', 'aliwangwang-o', 'save', 'team', 'solution', 'phone', 'filter', 'exception', 'export', 'customer-service', 'qrcode', 'scan', 'like', 'dislike', 'message', 'pay-circle', 'pay-circle-o', 'calculator', 'pushpin', 'pushpin-o'],
};
render() {
const className = this.props.className;
const { className, catigory } = this.props;
const listClassName = classNames({
'anticons-list': true,
clearfix: true,
@ -16,7 +22,7 @@ export default class IconSet extends React.Component {
});
return (
<ul className={listClassName}>
{this.props.icons.map((type, i) => <CopyableIcon key={i} type={type} />)}
{this.icons[catigory].map((type, i) => <CopyableIcon key={i} type={type} />)}
</ul>
);
}