ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2026-05-05 01:00:55 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

[Improvement] Checkbox: support custom icon (#1414)

Browse Source
This commit is contained in:
neverland
2018-07-05 21:25:04 +08:00
committed by GitHub
parent 0149dc0976
commit a0602c81d5
11 changed files with 217 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/tabbar/en-US.md
+8 -6
View File
@@ -37,9 +37,11 @@ Use `icon` slot to custom icon
<van-tabbar v-model="active">
<van-tabbar-item icon="shop">
<span>Custom</span>
<template slot="icon" slot-scope="props">
<img :src="props.active ? icon.active : icon.normal" />
</template>
<img
slot="icon"
slot-scope="props"
:src="props.active ? icon.active : icon.normal"
>
</van-tabbar-item>
<van-tabbar-item icon="chat">Tab</van-tabbar-item>
<van-tabbar-item icon="records">Tab</van-tabbar-item>
@@ -52,8 +54,8 @@ export default {
return {
active: 0,
icon: {
normal: '//img.yzcdn.cn/1.png',
active: '//img.yzcdn.cn/2.png'
normal: '//img.yzcdn.cn/icon-normal.png',
active: '//img.yzcdn.cn/icon-active.png'
}
}
}
@@ -87,6 +89,6 @@ export default {
### TabbarItem Slot
| Name | Description | Scope |
| Name | Description | slot-scope |
|-----------|-----------|-----------|
| icon | Custom icon | active |