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

[Doc] Tabbar: update demo

Browse Source
This commit is contained in:
陈嘉涵
2019-05-05 11:40:59 +08:00
parent 4d8d482e04
commit a8738bbcae
4 changed files with 75 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/tabbar/en-US.md
+15 -4
View File
@@ -14,9 +14,9 @@ Vue.use(Tabbar).use(TabbarItem);
```html
<van-tabbar v-model="active">
<van-tabbar-item icon="home-o">Tab</van-tabbar-item>
<van-tabbar-item icon="search" dot>Tab</van-tabbar-item>
<van-tabbar-item icon="friends-o" info="5">Tab</van-tabbar-item>
<van-tabbar-item icon="setting-o" info="20">Tab</van-tabbar-item>
<van-tabbar-item icon="search">Tab</van-tabbar-item>
<van-tabbar-item icon="friends-o">Tab</van-tabbar-item>
<van-tabbar-item icon="setting-o">Tab</van-tabbar-item>
</van-tabbar>
```
@@ -30,7 +30,18 @@ export default {
}
```
#### Custom icon
#### Show Badge
```html
<van-tabbar v-model="active">
<van-tabbar-item icon="home-o">Tab</van-tabbar-item>
<van-tabbar-item icon="search" dot>Tab</van-tabbar-item>
<van-tabbar-item icon="friends-o" info="5">Tab</van-tabbar-item>
<van-tabbar-item icon="setting-o" info="20">Tab</van-tabbar-item>
</van-tabbar>
```
#### Custom Icon
Use `icon` slot to custom icon