Skip to content

Commit

Permalink
feat(Icon): Add 7 icons.
Browse files Browse the repository at this point in the history
  • Loading branch information
@jaywcjlove
jaywcjlove committed Dec 12, 2017
1 parent a18c959 commit fed27d9
Show file tree
Hide file tree
Showing 3 changed files with 89 additions and 15 deletions.
51 changes: 44 additions & 7 deletions docs/md/cn/icon.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -272,6 +272,44 @@ class Demo extends Component {
```
<!--End-->

### 文件

<!--DemoStart-->
```js
class Demo extends Component {
render() {
const {Row,Col} = Layout;
const styleItem = {textAlign:"center",padding:"20px 10px",background: "#f4f4f4",marginBottom:10};
const iconStyle = {color:"#525252"};
const iconList = [
'file-text', 'file-jpg', 'file-unknown', 'file-add', 'file-excel', 'file-pdf',
'folder-add', 'folder-open', 'paper-clip',
]
return (
<div>
<Row gutter="10">
{
iconList.map((item,idx) => {
return (
<Col key={idx} xs="8" sm="6" md="4" lg="4">
<div style={styleItem}>
<CopyToClipboard style={iconStyle} text={`<Icon type="${item}" />`} tooltip="复制成功！">
<Icon type={item} style={{fontSize:18,marginBottom:10}}/>
<div>{item}</div>
</CopyToClipboard>
</div>
</Col>
)
})
}
</Row>
</div>
)
}
}
```
<!--End-->

### 其它

<!--DemoStart-->
Expand All @@ -282,14 +320,13 @@ class Demo extends Component {
const styleItem = {textAlign:"center",padding:"20px 10px",background: "#f4f4f4",marginBottom:10};
const iconStyle = {color:"#525252"};
const iconList = [
'heart-off', 'heart-on', 'star-on', 'star-off','lock', 'unlock',
'area-chart', 'bar-chart', 'dot-chart','pie-chart', 'folder-add', 'folder-open',
'heart-off', 'heart-on', 'star-on', 'star-off','lock', 'unlock','dashboard',
'area-chart', 'bar-chart', 'dot-chart','pie-chart',
'dislike-o', 'like-o','loading', 'reload','appstore', 'appstore-o',
'file-text', 'file-jpg', 'file-unknown', 'file-add', 'file-excel', 'file-pdf',
'tag', 'tag-o','tags','tags-o', 'setting','setting-o',
'cloud-upload','cloud-upload-o', 'cloud-download','cloud-download-o', 'message','message-o',
'tag', 'tag-o','tags','tags-o', 'setting','setting-o','map','table','qrcode','barcode','printer',
'cloud-upload','cloud-upload-o', 'cloud-download','cloud-download-o', 'download','message','message-o',
'user', 'usergroup-add', 'zoom-in', 'zoom-out','time', 'time-o',
"bell", 'camera-o', 'coffee', 'document', 'delete', 'date', 'edit', 'download', 'eye-o', 'environment-o', 'filter', 'global', 'inbox', 'home', 'laptop', 'link', 'menu', 'mobile', 'more', 'notification', 'paper-clip', 'picture', 'picasa', 'pay-circle-o', 'pay', 'poweroff', 'save', 'safety', 'search', 'shopping-cart', 'share', 'upload', 'verification', 'video-camera', 'wifi',
"bell", 'camera-o', 'coffee', 'document', 'delete', 'date', 'edit', 'eye-o', 'environment-o', 'filter', 'global', 'inbox', 'home', 'laptop', 'link', 'menu', 'mobile', 'more', 'notification', 'picture', 'picasa', 'pay-circle-o', 'pay', 'poweroff', 'save', 'safety', 'search', 'shopping-cart', 'share', 'upload', 'verification', 'video-camera', 'wifi',
]
return (
<div>
Expand Down Expand Up @@ -325,7 +362,7 @@ class Demo extends Component {
const {Row,Col} = Layout;
const styleItem = {textAlign:"center",padding:"20px 10px",background: "#f4f4f4",marginBottom:10};
const iconStyle = {color:"#525252"};
const iconList = ['uiw', 'windows', "linux", 'apple', 'facebook', 'twitter', 'adobe', "baidu", "ali-pay", 'reddit', 'android', 'github', 'github-o', "aliwangwang", "dingding", "foursquare", "linkedin", "pinterest", "qq", "weibo", "taobao", "weixin", 'css3', 'html5', ]
const iconList = ['uiw', 'windows', "linux", 'apple', 'facebook', 'twitter', 'adobe', "baidu", "ali-pay", 'android-o', 'android','reddit', 'github', 'github-o', "aliwangwang", "dingding", "foursquare", "linkedin", "pinterest", "qq", "weibo", "taobao", "weixin", 'css3', 'html5', ]
return (
<div>
<Row gutter="10">
Expand Down
51 changes: 44 additions & 7 deletions docs/md/en/icon.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -272,6 +272,44 @@ class Demo extends Component {
```
<!--End-->

### 文件

<!--DemoStart-->
```js
class Demo extends Component {
render() {
const {Row,Col} = Layout;
const styleItem = {textAlign:"center",padding:"20px 10px",background: "#f4f4f4",marginBottom:10};
const iconStyle = {color:"#525252"};
const iconList = [
'file-text', 'file-jpg', 'file-unknown', 'file-add', 'file-excel', 'file-pdf',
'folder-add', 'folder-open', 'paper-clip',
]
return (
<div>
<Row gutter="10">
{
iconList.map((item,idx) => {
return (
<Col key={idx} xs="8" sm="6" md="4" lg="4">
<div style={styleItem}>
<CopyToClipboard style={iconStyle} text={`<Icon type="${item}" />`} tooltip="复制成功！">
<Icon type={item} style={{fontSize:18,marginBottom:10}}/>
<div>{item}</div>
</CopyToClipboard>
</div>
</Col>
)
})
}
</Row>
</div>
)
}
}
```
<!--End-->

### 其它

<!--DemoStart-->
Expand All @@ -282,14 +320,13 @@ class Demo extends Component {
const styleItem = {textAlign:"center",padding:"20px 10px",background: "#f4f4f4",marginBottom:10};
const iconStyle = {color:"#525252"};
const iconList = [
'heart-off', 'heart-on', 'star-on', 'star-off','lock', 'unlock',
'area-chart', 'bar-chart', 'dot-chart','pie-chart', 'folder-add', 'folder-open',
'heart-off', 'heart-on', 'star-on', 'star-off','lock', 'unlock','dashboard',
'area-chart', 'bar-chart', 'dot-chart','pie-chart',
'dislike-o', 'like-o','loading', 'reload','appstore', 'appstore-o',
'file-text', 'file-jpg', 'file-unknown', 'file-add', 'file-excel', 'file-pdf',
'tag', 'tag-o','tags','tags-o', 'setting','setting-o',
'cloud-upload','cloud-upload-o', 'cloud-download','cloud-download-o', 'message','message-o',
'tag', 'tag-o','tags','tags-o', 'setting','setting-o','map','table','qrcode','barcode','printer',
'cloud-upload','cloud-upload-o', 'cloud-download','cloud-download-o', 'download','message','message-o',
'user', 'usergroup-add', 'zoom-in', 'zoom-out','time', 'time-o',
"bell", 'camera-o', 'coffee', 'document', 'delete', 'date', 'edit', 'download', 'eye-o', 'environment-o', 'filter', 'global', 'inbox', 'home', 'laptop', 'link', 'menu', 'mobile', 'more', 'notification', 'paper-clip', 'picture', 'picasa', 'pay-circle-o', 'pay', 'poweroff', 'save', 'safety', 'search', 'shopping-cart', 'share', 'upload', 'verification', 'video-camera', 'wifi',
"bell", 'camera-o', 'coffee', 'document', 'delete', 'date', 'edit', 'eye-o', 'environment-o', 'filter', 'global', 'inbox', 'home', 'laptop', 'link', 'menu', 'mobile', 'more', 'notification', 'picture', 'picasa', 'pay-circle-o', 'pay', 'poweroff', 'save', 'safety', 'search', 'shopping-cart', 'share', 'upload', 'verification', 'video-camera', 'wifi',
]
return (
<div>
Expand Down Expand Up @@ -325,7 +362,7 @@ class Demo extends Component {
const {Row,Col} = Layout;
const styleItem = {textAlign:"center",padding:"20px 10px",background: "#f4f4f4",marginBottom:10};
const iconStyle = {color:"#525252"};
const iconList = ['uiw', 'windows', "linux", 'apple', 'facebook', 'twitter', 'adobe', "baidu", "ali-pay", 'reddit', 'android', 'github', 'github-o', "aliwangwang", "dingding", "foursquare", "linkedin", "pinterest", "qq", "weibo", "taobao", "weixin", 'css3', 'html5', ]
const iconList = ['uiw', 'windows', "linux", 'apple', 'facebook', 'twitter', 'adobe', "baidu", "ali-pay", 'android-o', 'android','reddit', 'github', 'github-o', "aliwangwang", "dingding", "foursquare", "linkedin", "pinterest", "qq", "weibo", "taobao", "weixin", 'css3', 'html5', ]
return (
<div>
<Row gutter="10">
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
"prop-types": "~15.6.0",
"react-slick": "~0.16.0",
"react-transition-group": "~2.2.1",
"uiw-iconfont": "^1.2.4"
"uiw-iconfont": "^1.2.6"
},
"devDependencies": {
"autoprefixer": "^7.1.5",
Expand Down

0 comments on commit fed27d9

Please sign in to comment.