VUE element-ui步骤条及自定义插槽、样式自定义
element-ui步骤条及自定义插槽、样式自定义
·
1.首先要了解插槽的两个属性title、description,我们会通过修改这两个属性的插槽来进行相应的流程节点样式的实现、自定义
常规:
<el-steps :active="2" align-center>
<el-step title="步骤1" description="这是一段很长很长很长的描述性文字"></el-step>
</el-steps>
2.添加插槽:
<el-steps :active="2" align-center>
<el-step title="步骤1" description="这是一段很长很长很长的描述性文字">
<span slot="title" style="自定义样式"></span>
description可有多个取决于节点需要
<span slot="description" style="自定义样式"></span>
<span slot="description" style="自定义样式"></span>
</el-step>
</el-steps>
3./deep/ 深度监听 .el-step 设置样式(例如相对定位) 然后可自定义插槽样式。
更多推荐



所有评论(0)