引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤,步骤不得少于 2 步。 基础用法 简单的步骤条。 设置active属性,接受一个Number,表明步骤的 index,从 0 开始。需要定宽的步骤条时,设置space属性即可,它接受Boolean,单位为px,如果不设置,则为 ...
引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤,步骤不得少于 2 步。 基础用法 简单的步骤条。 设置active属性,接受一个Number,表明步骤的 index,从 0 开始。需要定宽的步骤条时,设置space属性即可,它接受Boolean,单位为px,如果不设置,则为 ...
个人网站 https://kuangyx.cn 开源地址 gitee https://gitee.com/tomiaa/vue2-steps-progress github https://github.com/tomiaa12/vue2-steps-progress 预览 安装 ...
网上看到的Steps的风格并不是我想要的,而且不够简易,所以只能自己写一个(两个版本的Steps) PS:没发现上传附件在哪,第二个版本就暂时不写了 直接上代码 HTML <button onclick="addStep()">addStep< ...
element-UI的操作步骤steps每一项添加事件,比如click,hover 效果图: 参考https://jsfiddle.net/1m6kkqgg/ ...
由于对于vue了解不够深入,导致今天写这个组件浪费了很多时间。后来一个大神同事给我指点了一下。 想做成如图所示的样式的步骤条,使用vue elementui的steps组件做。 最简单的在组件中插入代码实现样式的方法时行不通的 所以想了一种办法,使用左右两个div实现 ...
1、问题 使用 vue 时写发现某些样式不生效,怎么都不生效, 不过将style 中的 scoped 去掉后,居然生效了。但是一般都应该加上scoped,那该如何处理呢? 效果如下: 添加scoped与不添加scoped时样式的区别: 不添加scoped: 添加 ...
css: 1 .el-step__head:hover { 2 color: #67c23a; 3 border-color: #67c23a; 4 } @click.native绑定步骤条的点击事件 ...
简单来说,只添加click 和css :hover就好了 一、组件里 二、方法里 三、css里 嗯。就酱~ 参考https://jsfiddle.net/1m6kkqgg/ ...