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

docs(Tabbar): fix incorrect icon url (#4869)

Browse Source
This commit is contained in:
neverland
2019-10-29 20:29:37 +08:00
committed by GitHub
parent 0206ecd163
commit 43379d20b3
4 changed files with 25 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tabbar/demo/index.vue
+11 -50
View File
@@ -11,54 +11,19 @@
<demo-block :title="$t('matchByName')">
<van-tabbar v-model="activeName">
<van-tabbar-item
name="home"
icon="home-o"
>
{{ $t('tab') }}
</van-tabbar-item>
<van-tabbar-item
name="search"
icon="search"
>
{{ $t('tab') }}
</van-tabbar-item>
<van-tabbar-item
name="friends"
icon="friends-o"
>
{{ $t('tab') }}
</van-tabbar-item>
<van-tabbar-item
name="setting"
icon="setting-o"
>
{{ $t('tab') }}
</van-tabbar-item>
<van-tabbar-item name="home" icon="home-o">{{ $t('tab') }}</van-tabbar-item>
<van-tabbar-item name="search" icon="search">{{ $t('tab') }}</van-tabbar-item>
<van-tabbar-item name="friends" icon="friends-o">{{ $t('tab') }}</van-tabbar-item>
<van-tabbar-item name="setting" icon="setting-o">{{ $t('tab') }}</van-tabbar-item>
</van-tabbar>
</demo-block>
<demo-block :title="$t('badge')">
<van-tabbar v-model="active2">
<van-tabbar-item icon="home-o">{{ $t('tab') }}</van-tabbar-item>
<van-tabbar-item
icon="search"
dot
>
{{ $t('tab') }}
</van-tabbar-item>
<van-tabbar-item
icon="friends-o"
info="5"
>
{{ $t('tab') }}
</van-tabbar-item>
<van-tabbar-item
icon="setting-o"
info="20"
>
{{ $t('tab') }}
</van-tabbar-item>
<van-tabbar-item icon="search" dot>{{ $t('tab') }}</van-tabbar-item>
<van-tabbar-item icon="friends-o" info="5">{{ $t('tab') }}</van-tabbar-item>
<van-tabbar-item icon="setting-o" info="20">{{ $t('tab') }}</van-tabbar-item>
</van-tabbar>
</demo-block>
@@ -67,7 +32,7 @@
<van-tabbar-item info="3">
<span>{{ $t('custom') }}</span>
<template #icon="{ active }">
<img :src="active ? icon.active : icon.normal">
<img :src="active ? icon.active : icon.inactive">
</template>
</van-tabbar-item>
<van-tabbar-item icon="search">{{ $t('tab') }}</van-tabbar-item>
@@ -76,11 +41,7 @@
</demo-block>
<demo-block :title="$t('customColor')">
<van-tabbar
v-model="active4"
active-color="#07c160"
inactive-color="#000"
>
<van-tabbar v-model="active4" active-color="#07c160" inactive-color="#000">
<van-tabbar-item icon="home-o">{{ $t('tab') }}</van-tabbar-item>
<van-tabbar-item icon="search">{{ $t('tab') }}</van-tabbar-item>
<van-tabbar-item icon="friends-o">{{ $t('tab') }}</van-tabbar-item>
@@ -115,8 +76,8 @@ export default {
active4: 0,
activeName: 'home',
icon: {
normal: 'https://img.yzcdn.cn/public_files/2017/10/13/c547715be149dd3faa817e4a948b40c4.png',
active: 'https://img.yzcdn.cn/public_files/2017/10/13/793c77793db8641c4c325b7f25bf130d.png'
active: 'https://img.yzcdn.cn/vant/user-active.png',
inactive: 'https://img.yzcdn.cn/vant/user-inactive.png'
}
};
}