alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

vant components

Browse Source
This commit is contained in:
cookfront
2017-04-19 17:44:57 +08:00
parent c6014ad62d
commit 06e333eb3e
145 changed files with 1679 additions and 1619 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/steps/src/step.vue
+8 -8
View File
@@ -1,19 +1,19 @@
<template>
<div class="zan-step" :class="statusClass">
<div class="zan-step__circle-container">
<i class="zan-step__circle" v-if="status !== 'process'"></i>
<i class="zan-icon zan-icon-checked" v-else></i>
<div class="van-step" :class="statusClass">
<div class="van-step__circle-container">
<i class="van-step__circle" v-if="status !== 'process'"></i>
<i class="van-icon van-icon-checked" v-else></i>
</div>
<p class="zan-step__title">
<p class="van-step__title">
<slot></slot>
</p>
<div class="zan-step__line"></div>
<div class="van-step__line"></div>
</div>
</template>
<script>
export default {
name: 'zan-step',
name: 'van-step',
beforeCreate() {
this.$parent.steps.push(this);
@@ -32,7 +32,7 @@ export default {
},
statusClass() {
const status = this.status;
return status ? 'zan-step--' + status : '';
return status ? 'van-step--' + status : '';
}
}
};
packages/steps/src/steps.vue
+12 -12
View File
@@ -1,22 +1,22 @@
<template>
<div class="zan-steps" :class="`zan-steps--${steps.length}`">
<div class="zan-steps__status" v-if="title || description">
<div class="zan-steps__icon" v-if="icon || $slot.icon">
<div class="van-steps" :class="`van-steps--${steps.length}`">
<div class="van-steps__status" v-if="title || description">
<div class="van-steps__icon" v-if="icon || $slot.icon">
<slot name="icon">
<zan-icon :name="icon" :class="iconClass"></zan-icon>
<van-icon :name="icon" :class="iconClass"></van-icon>
</slot>
</div>
<div class="zan-steps__message">
<div class="zan-steps__message-wrapper">
<h4 class="zan-steps__title" v-text="title"></h4>
<p class="zan-steps__desc" v-text="description"></p>
<div class="van-steps__message">
<div class="van-steps__message-wrapper">
<h4 class="van-steps__title" v-text="title"></h4>
<p class="van-steps__desc" v-text="description"></p>
</div>
</div>
<slot name="message-extra">
</slot>
</div>
<div class="zan-steps__items" :class="{
'zan-steps__items--alone': !title && !description
<div class="van-steps__items" :class="{
'van-steps__items--alone': !title && !description
}">
<slot></slot>
</div>
@@ -27,10 +27,10 @@
import Icon from 'packages/icon';
export default {
name: 'zan-steps',
name: 'van-steps',
components: {
'zan-icon': Icon
'van-icon': Icon
},
props: {