mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-05 23:46:28 +08:00
chore: 迁移 progress iconfont
This commit is contained in:
parent
ac6505e68a
commit
b9fa8d1a45
@ -1,5 +1,6 @@
|
||||
import React from 'react';
|
||||
import Tooltip from 'rc-tooltip';
|
||||
import Icon from '../iconfont';
|
||||
const prefixCls = 'ant-popover';
|
||||
|
||||
export default React.createClass({
|
||||
@ -41,7 +42,7 @@ export default React.createClass({
|
||||
const overlay = <div>
|
||||
<div className={prefixCls + '-content'}>
|
||||
<p className={prefixCls + '-message'}>
|
||||
<i className="anticon anticon-exclamation-circle"></i>
|
||||
<Icon type="exclamation-circle" />
|
||||
{this.props.title}
|
||||
</p>
|
||||
|
||||
|
@ -8,6 +8,7 @@
|
||||
|
||||
````jsx
|
||||
var ProgressCircle = antd.Progress.Circle;
|
||||
var Icon = antd.Icon;
|
||||
|
||||
var MyProgress = React.createClass({
|
||||
getInitialState() {
|
||||
@ -34,10 +35,10 @@ var MyProgress = React.createClass({
|
||||
<ProgressCircle percent={this.state.percent} />
|
||||
<div className="ant-btn-group">
|
||||
<button className="ant-btn ant-btn-ghost" onClick={this.decline}>
|
||||
<i className="anticon anticon-minus"></i>
|
||||
<Icon type="minus" />
|
||||
</button>
|
||||
<button className="ant-btn ant-btn-ghost" onClick={this.increase}>
|
||||
<i className="anticon anticon-plus"></i>
|
||||
<Icon type="plus" />
|
||||
</button>
|
||||
</div>
|
||||
</div>;
|
||||
|
@ -8,6 +8,7 @@
|
||||
|
||||
````jsx
|
||||
var Progress = antd.Progress.Line;
|
||||
var Icon = antd.Icon;
|
||||
|
||||
var MyProgress = React.createClass({
|
||||
getInitialState() {
|
||||
@ -34,10 +35,10 @@ var MyProgress = React.createClass({
|
||||
<Progress percent={this.state.percent} />
|
||||
<div className="ant-btn-group">
|
||||
<button className="ant-btn ant-btn-ghost" onClick={this.decline}>
|
||||
<i className="anticon anticon-minus"></i>
|
||||
<Icon type="minus" />
|
||||
</button>
|
||||
<button className="ant-btn ant-btn-ghost" onClick={this.increase}>
|
||||
<i className="anticon anticon-plus"></i>
|
||||
<Icon type="plus" />
|
||||
</button>
|
||||
</div>
|
||||
</div>;
|
||||
|
@ -1,6 +1,7 @@
|
||||
import {Circle as Progresscircle} from 'rc-progress';
|
||||
import React from 'react';
|
||||
import assign from 'object-assign';
|
||||
import Icon from '../iconfont';
|
||||
|
||||
const prefixCls = 'ant-progress';
|
||||
|
||||
@ -38,13 +39,13 @@ let Line = React.createClass({
|
||||
if (props.status === 'exception') {
|
||||
progressInfo = (
|
||||
<span className={prefixCls + '-line-text'}>
|
||||
<i className="anticon anticon-exclamation-circle"></i>
|
||||
<Icon type="exclamation-circle" />
|
||||
</span>
|
||||
);
|
||||
} else if (props.status === 'success') {
|
||||
progressInfo = (
|
||||
<span className={prefixCls + '-line-text'}>
|
||||
<i className="anticon anticon-check-circle"></i>
|
||||
<Icon type="exclamation-circle" />
|
||||
</span>
|
||||
);
|
||||
} else {
|
||||
@ -98,13 +99,13 @@ let Circle = React.createClass({
|
||||
if (props.status === 'exception') {
|
||||
progressInfo = (
|
||||
<span className={prefixCls + '-circle-text'}>
|
||||
<i className="anticon anticon-exclamation"></i>
|
||||
<Icon type="exclamation" />
|
||||
</span>
|
||||
);
|
||||
} else if (props.status === 'success') {
|
||||
progressInfo = (
|
||||
<span className={prefixCls + '-circle-text'}>
|
||||
<i className="anticon anticon-check"></i>
|
||||
<Icon type="check" />
|
||||
</span>
|
||||
);
|
||||
} else {
|
||||
|
Loading…
Reference in New Issue
Block a user