blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-09-06 07:59:45 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Steps: 优化样式 (#835)

Browse Source
This commit is contained in:
Fyerl 2018-10-31 19:57:37 +08:00 committed by rex
parent ce6314cb28
commit 47c12a45d2
2 changed files with 29 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/steps/index.less
View File

@ -5,14 +5,21 @@
background-color: @white; background-color: @white;
&--horizontal { &--horizontal {
padding: 10px;
.van-step__wrapper {
position: relative; position: relative;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
padding: 10px 10px 15px; }
} }
&--vertical { &--vertical {
padding: 0 0 0 35px; padding-left: 10px;
.van-step__wrapper {
padding: 0 0 0 20px;
}
} }
} }
@ -49,7 +56,7 @@
&:last-child { &:last-child {
position: absolute; position: absolute;
right: 10px; right: 0;
width: auto; width: auto;
.van-step__title { .van-step__title {

2
packages/steps/index.wxml
View File

@ -1,4 +1,5 @@
<view class="custom-class van-steps van-steps--{{ direction }}"> <view class="custom-class van-steps van-steps--{{ direction }}">
<view class="van-step__wrapper">
<view <view
wx:for="{{ steps }}" wx:for="{{ steps }}"
wx:key="index" wx:key="index"
@ -16,3 +17,4 @@
<view wx:if="{{ index !== steps.length - 1 }}" class="van-step__line" style="{{ item.status === 'finish' ? 'background-color: ' + activeColor : '' }}" /> <view wx:if="{{ index !== steps.length - 1 }}" class="van-step__line" style="{{ item.status === 'finish' ? 'background-color: ' + activeColor : '' }}" />
</view> </view>
</view> </view>
</view>