drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

给Steps组件增加slot支持

Browse source
This commit is contained in:
Yang 2017-04-07 18:44:14 +08:00
parent 64633e8c84
commit 79c588043c
2 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
examples/routers/steps.vue
View file

@ -60,6 +60,20 @@
<Step title="待进行" content="这里是该步骤的描述信息"></Step> <Step title="待进行" content="这里是该步骤的描述信息"></Step>
<Step title="待进行" content="这里是该步骤的描述信息"></Step> <Step title="待进行" content="这里是该步骤的描述信息"></Step>
</Steps> </Steps>
<Steps direction="vertical" :current="3">
<Step title="已完成" content="这里是该步骤的描述信息">
<div style="font-size: 16px; color: green">这里是该步骤的描述信息1</div>
</Step>
<Step title="进行中" content="这里是该步骤的描述信息">
<div style="font-size: 24px; color: red">这里是该步骤的描述信息2</div>
</Step>
<Step title="待进行" content="这里是该步骤的描述信息">
<div style="font-size: 46px; color: blue">这里是该步骤的描述信息3</div>
</Step>
<Step title="待进行" content="这里是该步骤的描述信息">
<div style="font-size: 24px; color: green">这里是该步骤的描述信息4</div>
</Step>
</Steps>
</div> </div>
</template> </template>
<script> <script>

4
src/components/steps/step.vue
View file

@ -9,7 +9,9 @@
</div> </div>
<div :class="[prefixCls + '-main']"> <div :class="[prefixCls + '-main']">
<div :class="[prefixCls + '-title']">{{ title }}</div> <div :class="[prefixCls + '-title']">{{ title }}</div>
<div v-if="content" :class="[prefixCls + '-content']">{{ content }}</div> <slot>
<div v-if="content" :class="[prefixCls + '-content']">{{ content }}</div>
</slot>
</div> </div>
</div> </div>
</template> </template>