element-ui中steps组件中提供的图标有时候并不能满足我们的要求,那么我们可以不可以自定义呢,答案是肯定的,我们可以引入外部的文件,也可以使用框架中本身提供的icon来实现:使用slot插槽来实现

<div class="stepWrap">
      <el-steps :active="activeSteps" align-center>
        <el-step :title="task.taskName" v-for="task in taskSteps" :key="task.taskId">
           <i class="iconfont icon-buzhouyi" slot="icon"></i>
        </el-step>
      </el-steps>
 </div>

以上就是实现方法,欢迎交流

GitHub 加速计划 / eleme / element
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐