alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

docs(Icon): improve demo (#5215)

Browse Source
This commit is contained in:
neverland
2019-12-08 08:15:55 +08:00
committed by GitHub
parent 650e479313
commit 308c0a9a92
9 changed files with 91 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/icon/README.md
+8 -8
View File
@@ -16,7 +16,7 @@ Vue.use(Icon);
Use `name` prop to set icon name or icon URL
```html
<van-icon name="close" />
<van-icon name="chat-o" />
<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
```
@@ -27,9 +27,9 @@ Use `dot` prop, a small red dot will be displayed in the upper right corner of t
Use `info` prop, the info will be displayed in the upper right corner of the icon.
```html
<van-icon name="chat" dot />
<van-icon name="chat" info="9" />
<van-icon name="chat" info="99+" />
<van-icon name="chat-o" dot />
<van-icon name="chat-o" info="9" />
<van-icon name="chat-o" info="99+" />
```
### Icon Color
@@ -37,8 +37,8 @@ Use `info` prop, the info will be displayed in the upper right corner of the ico
Use `color` prop to set icon color
```html
<van-icon name="location-o" color="#ff0000" />
<van-icon name="chat" color="#00ff00" />
<van-icon name="chat-o" color="#1989fa" />
<van-icon name="chat-o" color="#07c160" />
```
### Icon Size
@@ -46,8 +46,8 @@ Use `color` prop to set icon color
Use `size` prop to set icon size
```html
<van-icon name="location-o" size="40px" />
<van-icon name="chat" size="20px" />
<van-icon name="chat-o" size="40" />
<van-icon name="chat-o" size="3rem" />
```
### Use local font file