更新记录

1.0.1（2024-12-12） 下载此版本

更新文档

1.0.0（2024-12-12） 下载此版本

1.0.0

平台兼容性

步骤条

可自动排序拖拽，或者脱至指定下标进行指定换位

安装

uni-app插件市场链接 —— https://ext.dcloud.net.cn/plugin?id=21397

简单demo，更多请看下方API

• 简单的使用示例

    <!-- 如果使用v-model传递list，则拖动完毕自动更新数据位置，否则使用@getList事件获取到最新拖动的值 -->
    <leo-step :stepList="stepList" :step="step" @clickStep="clickStep"></leo-step>

export default {
    data() {
        return {
            // 所有进度
           stepList:[{    
                name:'客户基础资料'
            },{
                name:'设置服务'
            },{
                name:'完成录入'
            }],
            step:0  //  当前进度
        }
    },
    methods:{
        // 点击当前进度触发
        clickStep(item){
            console.log(item)
        }
    }
}

Props

Events

打赏

如果你觉得本插件，解决了你的问题，赠人玫瑰，手留余香。