提交 c540d124 编写于 作者: E elrrrrrrr

chore: 迁移 upload iconfont

上级 725a1426
......@@ -9,6 +9,7 @@
````jsx
var Upload = antd.Upload;
var message = antd.message;
var Icon = antd.Icon;
var props = {
name: 'file',
......@@ -28,7 +29,7 @@ var props = {
React.render(
<Upload {...props}>
<button type="button" className="ant-btn ant-btn-ghost">
<i className="anticon anticon-upload"></i> 点击上传
<Icon type="upload" /> 点击上传
</button>
</Upload>
, document.getElementById('components-upload-demo-basic'));
......
......@@ -8,6 +8,7 @@
````jsx
var Upload = antd.Upload;
var Icon = antd.Icon;
var props = {
action: '/upload.do',
......@@ -33,7 +34,7 @@ var props = {
React.render(
<Upload {...props}>
<button type="button" className="ant-btn ant-btn-ghost">
<i className="anticon anticon-upload"></i> 点击上传
<Icon type="upload" /> 点击上传
</button>
</Upload>
, document.getElementById('components-upload-demo-defaultfilelist'));
......
......@@ -8,6 +8,7 @@
````jsx
var Dragger = antd.Upload.Dragger;
var Icon = antd.Icon;
var props = {
name: 'file',
......@@ -16,7 +17,7 @@ var props = {
React.render(
<Dragger {...props}>
<i className="anticon anticon-plus"></i>
<Icon type="plus" />
</Dragger>,
document.getElementById('components-upload-demo-drag-simple')
);
......
......@@ -8,6 +8,7 @@
````jsx
var Dragger = antd.Upload.Dragger;
var Icon = antd.Icon;
var props = {
name: 'file',
......@@ -17,7 +18,7 @@ var props = {
React.render(
<Dragger {...props}>
<p className="ant-upload-drag-icon">
<i className="anticon anticon-inbox"></i>
<Icon type="inbox" />
</p>
<p className="ant-upload-text">点击或将文件拖拽到此区域上传</p>
<p className="ant-upload-hint">支持单个或批量上传,严禁上传公司内部资料及其他违禁文件</p>
......
......@@ -14,6 +14,7 @@
````jsx
var Upload = antd.Upload;
var Icon = antd.Icon;
var fileList = [{
uid: -1,
name: 'xxx.png',
......@@ -63,7 +64,7 @@ var MyUpload = React.createClass({
};
return <Upload {...props} fileList={this.state.fileList}>
<button type="button" className="ant-btn ant-btn-ghost">
<i className="anticon anticon-upload"></i> 点击上传
<Icon type="upload" /> 点击上传
</button>
</Upload>;
}
......
......@@ -9,6 +9,7 @@
````jsx
var Upload = antd.Upload;
var message = antd.message;
var Icon = antd.Icon;
var props = {
action: '/upload.do',
......@@ -28,7 +29,7 @@ var props = {
React.render(
<Upload {...props}>
<button type="button" className="ant-btn ant-btn-ghost">
<i className="anticon anticon-upload"></i> 点击上传
<Icon type="upload" /> 点击上传
</button>
</Upload>
, document.getElementById('components-upload-demo-multiple'));
......
import React from 'react';
const prefixCls = 'ant-upload';
import Animate from 'rc-animate';
import Icon from '../iconfont';
const prefixCls = 'ant-upload';
export default React.createClass({
getDefaultProps() {
......@@ -26,8 +29,8 @@ export default React.createClass({
render() {
let list = this.state.items.map((file) => {
let statusIcon = file.status === 'done' ?
<i className={'anticon anticon-check ' + prefixCls + '-success-icon'}></i> :
<i className="anticon anticon-loading"></i>;
<Icon type="check" className={prefixCls + '-success-icon'} /> :
<Icon type="loading" />;
let filename = file.url ?
<a className={prefixCls + '-item-name'} href={file.url} _target="_blank">{file.name}</a> :
<b className={prefixCls + '-item-name'}>{file.name}</b>;
......@@ -35,8 +38,7 @@ export default React.createClass({
<div className={prefixCls + '-list-item'} key={file.uid}>
{statusIcon}
{filename}
<i className="anticon anticon-cross" ref="theCloseBtn"
onClick={this.handleClose.bind(this, file)}></i>
<Icon type="cross" ref="thisCloseBtn" onClick={this.handleClose.bind(this, file)} />
</div>
);
});
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册