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

Step add title & content slot

Browse source
This commit is contained in:
梁灏 2019-09-17 15:54:58 +08:00
parent f64de47872
commit c704113d0d
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/routers/steps.vue
View file

@ -1,7 +1,11 @@
<template> <template>
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc;">
<Steps :current="1"> <Steps :current="1">
<Step title="已完成" content="这里是该步骤的描述信息"></Step> <Step title="已完成">
<div slot="content">
这里是该步骤的描述信息
</div>
</Step>
<Step title="进行中" content="这里是该步骤的描述信息"></Step> <Step title="进行中" content="这里是该步骤的描述信息"></Step>
<Step title="待进行" content="这里是该步骤的描述信息"></Step> <Step title="待进行" content="这里是该步骤的描述信息"></Step>
<Step title="待进行" content="这里是该步骤的描述信息"></Step> <Step title="待进行" content="这里是该步骤的描述信息"></Step>

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

@ -8,10 +8,10 @@
</div> </div>
</div> </div>
<div :class="[prefixCls + '-main']"> <div :class="[prefixCls + '-main']">
<div :class="[prefixCls + '-title']">{{ title }}</div> <div :class="[prefixCls + '-title']"><slot name="title">{{ title }}</slot></div>
<slot> <div :class="[prefixCls + '-content']" v-if="content || $slots.content">
<div v-if="content" :class="[prefixCls + '-content']">{{ content }}</div> <slot name="content">{{ content }}</slot>
</slot> </div>
</div> </div>
</div> </div>
</template> </template>