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

fix(Steps): incorrect style when use inactive-icon prop (#2166)

Browse Source
This commit is contained in:
neverland 2019-10-17 11:45:09 +08:00 committed by GitHub
parent 18378bdbdc
commit 0a2cf4bc41
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/steps/index.less
View File

@ -100,7 +100,7 @@
&.van-step--process {
.theme(color, '@text-color');
.van-step__active {
.van-step__icon {
display: block;
font-size: 12px;
line-height: 1;
@ -134,7 +134,7 @@
}
}
.van-step__active,
.van-step__icon,
.van-step__circle,
.van-step__line {
position: absolute;
@ -144,7 +144,7 @@
transform: translate3d(-50%, -50%, 0);
}
.van-step__active {
.van-step__icon {
font-size: 12px;
line-height: 1;
}

20
packages/steps/index.wxml
View File

@ -13,13 +13,25 @@
</view>
<view class="van-step__circle-container">
<block wx:if="{{ index !== active }}">
<van-icon wx:if="{{ inactiveIcon }}" name="{{ inactiveIcon }}" color="#969799" size="12px" />
<view wx:else class="van-step__circle" style="{{ index < active ? 'background-color: ' + activeColor : '' }}" />
<van-icon
wx:if="{{ inactiveIcon }}"
color="#969799"
name="{{ inactiveIcon }}"
custom-class="van-step__icon"
/>
<view
wx:else
class="van-step__circle"
style="{{ index < active ? 'background-color: ' + activeColor : '' }}"
/>
</block>
<van-icon wx:else name="{{ activeIcon }}" color="{{ activeColor }}" custom-class="van-step__active" />
<van-icon wx:else name="{{ activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon" />
</view>
<view wx:if="{{ index !== steps.length - 1 }}" class="van-step__line" style="{{ index < active ? 'background-color: ' + activeColor : '' }}" />
<view
wx:if="{{ index !== steps.length - 1 }}"
class="van-step__line" style="{{ index < active ? 'background-color: ' + activeColor : '' }}"
/>
</view>
</view>
</view>