提交 fdcc665c 编写于 作者: A afc163

merge drag upload demo

上级 027a69b0
# 拖拽上传
- order: 4
样式简单一些。
---
````jsx
import { Upload, Icon } from 'antd';
const Dragger = Upload.Dragger;
const props = {
name: 'file',
showUploadList: false,
action: '/upload.do'
};
ReactDOM.render(
<Dragger {...props}>
<Icon type="plus" />
</Dragger>,
mountNode
);
````
````css
#components-upload-demo-drag-simple {
width: 246px;
height: 146px;
}
````
......@@ -13,23 +13,25 @@ const Dragger = Upload.Dragger;
const props = {
name: 'file',
showUploadList: false,
action: '/upload.do'
action: '/upload.do',
};
ReactDOM.render(
<Dragger {...props}>
<p className="ant-upload-drag-icon">
<Icon type="inbox" />
</p>
<p className="ant-upload-text">点击或将文件拖拽到此区域上传</p>
<p className="ant-upload-hint">支持单个或批量上传,严禁上传公司内部资料及其他违禁文件</p>
</Dragger>,
mountNode
);
````
````css
#components-upload-demo-drag {
height: 180px;
}
<div>
<div style={{ width: 246, height: 140 }}>
<Dragger {...props}>
<Icon type="plus" />
</Dragger>
</div>
<div style={{ marginTop: 16, height: 180 }}>
<Dragger {...props}>
<p className="ant-upload-drag-icon">
<Icon type="inbox" />
</p>
<p className="ant-upload-text">点击或将文件拖拽到此区域上传</p>
<p className="ant-upload-hint">支持单个或批量上传,严禁上传公司内部资料及其他违禁文件</p>
</Dragger>
</div>
</div>
, mountNode);
````
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册