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

[bugfix] Steps style error when has more than 4 items (#287)

Browse Source 
* [bugfix] CouponList always show empty info

* [bugfix] add click feedback of buttons in components

* [Doc] add custom theme document

* [new feature] Notice bar support more props

* [bugfix] PullRefresh test cases

* [bugfix] unused NoticeBar style

* [bugfix] Swipe width calc error

* [Doc] english document of all action components

* [Doc] change document site path to /zanui/vant

* [Doc] fix

* [bugfix] uploader style error

* [bugfix] tabs document demo

* [new feature] Cell support vue-router target route

* [bugfix] add cell test cases

* update yarn.lock

* [bugfix] Tabbar cann't display info when use icon slot

* [Doc] update document title

* [bugfix] Dialog should reset button text when showed

* [new feature] CouponList add showCloseButton prop

* [new feature] Swipe add 'initialSwipe' prop

* [bugfix] NoticeBar text disappeared when page back

* [new feature] ImagePreview support startPosition

* fix: improve imagePreview test cases

* [bugfix] Steps style error when has more than 4 items
This commit is contained in:
neverland 2017-11-07 05:41:34 -06:00 committed by GitHub
parent 6c37a6906f
commit f86afcb694
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/steps/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="van-steps" :class="stepsClass"> <div :class="['van-steps', `van-steps--${direction}`]">
<div class="van-steps__status" v-if="title || description"> <div class="van-steps__status" v-if="title || description">
<div class="van-steps__icon" v-if="icon || $slots.icon"> <div class="van-steps__icon" v-if="icon || $slots.icon">
<slot name="icon"> <slot name="icon">
@ -56,16 +56,6 @@ export default {
return { return {
steps: [] steps: []
}; };
},
computed: {
stepsClass() {
return [
`van-steps--${this.direction}`, {
[`van-steps--${this.steps.length}`]: this.direction === 'horizontal'
}
];
}
} }
}; };
</script> </script>

14
packages/vant-css/src/steps.css
View File

@ -9,6 +9,7 @@
padding: 0 10px; padding: 0 10px;
.van-steps__items { .van-steps__items {
display: flex;
margin: 0 0 10px; margin: 0 0 10px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -24,18 +25,6 @@
padding: 0 0 0 35px; padding: 0 0 0 35px;
} }
&--4 {
.van-step {
width: 33.2%;
}
}
&--3 {
.van-step {
width: 50%;
}
}
&__icon { &__icon {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
@ -72,6 +61,7 @@
} }
.van-step { .van-step {
flex: 1;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
color: $gray-dark; color: $gray-dark;