blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-24 23:49:14 +08:00
Code Issues Projects Releases Wiki Activity

feat(TabbarItem): optimize dot prop (#4431)

Browse Source
This commit is contained in:
neverland 2019-09-11 17:22:17 +08:00 committed by GitHub
parent 9e085c4c04
commit 80f6b04b9a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/tabbar-item/index.js
View File

@ -51,9 +51,9 @@ export default createComponent({
return ( return (
<div class={bem({ active })} style={{ color }} onClick={this.onClick}> <div class={bem({ active })} style={{ color }} onClick={this.onClick}>
<div class={bem('icon', { dot: this.dot })}> <div class={bem('icon')}>
{slots('icon', { active }) || (icon && <Icon name={icon} />)} {slots('icon', { active }) || (icon && <Icon name={icon} />)}
<Info info={this.info} /> <Info dot={this.dot} info={this.info} />
</div> </div>
<div class={bem('text')}>{slots('default', { active })}</div> <div class={bem('text')}>{slots('default', { active })}</div>
</div> </div>

13
src/tabbar-item/index.less
View File

@ -20,19 +20,6 @@
min-width: 1em; min-width: 1em;
} }
&--dot {
&::after {
position: absolute;
top: 0;
right: -8px;
width: 8px;
height: 8px;
background-color: @red;
border-radius: 100%;
content: ' ';
}
}
img { img {
display: block; display: block;
height: @tabbar-item-icon-size; height: @tabbar-item-icon-size;

4
src/tabbar/test/__snapshots__/demo.spec.js.snap
View File

@ -84,9 +84,9 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabbar-item__text">标签</div> <div class="van-tabbar-item__text">标签</div>
</div> </div>
<div class="van-tabbar-item"> <div class="van-tabbar-item">
<div class="van-tabbar-item__icon van-tabbar-item__icon--dot"><i class="van-icon van-icon-search"> <div class="van-tabbar-item__icon"><i class="van-icon van-icon-search">
<!----></i> <!----></i>
<!----> <div class="van-info van-info--dot"></div>
</div> </div>
<div class="van-tabbar-item__text"> <div class="van-tabbar-item__text">
标签 标签