更新记录

1.0.0（2025-01-24） 下载此版本

第一次发布

平台兼容性

q-scroll-step

重要提示

q-scroll-step组件基于vUiew中u-steps二次封装

q-scroll-step支持自动定位滚动，当例如设置current=5时，current=5的步骤超出屏幕区域，组件会自动滚动到该步骤，避免了步骤很多遮挡看不见的问题。

uView是一套多端优秀的框架，强力推荐，如果没有使用引入uView的，请异步至。

使用说明

Events事件

以下演示为vue使用方式。

vue:

<scroll-step :list="numList" :current="current" />

• 函数说明

export default {
    data() {
        return {
            current: 0,
            numList: [{
                name: '第一步'
            }, {
                name: '第二步'
            }, {
                name: '第三步'
            }, {
                name: '第四步'
            }, {
                name: '第五步'
            }, {
                name: '第六步'
            }],
        }
    },

    methods: {
        // 点击Step
        cliskStep(item, index) {
            if (!this.isClick) return
            this.$emit('cliskStep', item, index)
        },
    }
}

温馨提示

0. 如说明表达不够清楚，欢迎指正，留言。