blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Tab: update active style (#940)

Browse Source
This commit is contained in:
neverland 2018-11-23 21:06:40 +08:00 committed by GitHub
parent 7ad9223ace
commit e30bd6552a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/common/style/var.less
View File

@ -9,7 +9,7 @@
@green: #4b0; @green: #4b0;
@gray: #c9c9c9; @gray: #c9c9c9;
@gray-light: #e5e5e5; @gray-light: #e5e5e5;
@gray-darker: #666; @gray-darker: #7d7e80;
@gray-dark: #999; @gray-dark: #999;
/* default colors */ /* default colors */

7
packages/tabs/index.less
View File

@ -71,7 +71,7 @@
height: 2px; height: 2px;
position: absolute; position: absolute;
background-color: @red; background-color: @red;
border-radius: 2px 0 2px 0; border-radius: 2px;
} }
&--line { &--line {
@ -98,7 +98,7 @@
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
color: @text-color; color: @gray-darker;
line-height: @van-tabs-line-height; line-height: @van-tabs-line-height;
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
@ -110,7 +110,8 @@
} }
&--active { &--active {
color: @red; font-weight: 500;
color: @text-color;
} }
&--disabled { &--disabled {

2
packages/tabs/index.wxml
View File

@ -14,7 +14,7 @@
wx:key="index" wx:key="index"
data-index="{{ index }}" data-index="{{ index }}"
class="van-ellipsis van-tab {{ index === active ? 'van-tab--active' : '' }} {{ item.disabled ? 'van-tab--disabled' : '' }}" class="van-ellipsis van-tab {{ index === active ? 'van-tab--active' : '' }} {{ item.disabled ? 'van-tab--disabled' : '' }}"
style="{{ color && (index === active) !== (type === 'card') && !item.disabled ? 'color: ' + color : '' }} {{ color && index === active && type === 'card' ? ';background-color:' + color : '' }} {{ color ? ';border-color: ' + color : '' }}" style="{{ color && index !== active && type === 'card' && !item.disabled ? 'color: ' + color : '' }} {{ color && index === active && type === 'card' ? ';background-color:' + color : '' }} {{ color ? ';border-color: ' + color : '' }}"
bind:tap="onTap" bind:tap="onTap"
> >
{{ item.title }} {{ item.title }}