更新记录

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

更新关键字

1.0.0（2024-11-16） 下载此版本

新组件发布

平台兼容性

uni-app

hbxw-steps步骤展示组件

介绍

步骤组件，展示事情哪一步正在进行中，已完成了哪一步，有哪些待完成的步骤

使用示例

<template>
    <view class="hbxw-steps-wrap">
        <hbxw-steps :progress="progress"></hbxw-steps>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                progress: [
                  {
                    name: '步骤1已完成',
                    content: '从前从前有个人爱你很久，但偏偏风渐渐把距离吹得好远，好不容易又能再多爱一天，但故事的最后你好像还是说了拜拜',
                    progress: 'done'
                  },{
                    name: '步骤2正在进行',
                    content: '好不容易又能再多爱一天，但故事的最后你好像还是说了拜拜',
                    progress: 'ing'
                  },{
                    name: '步骤3',
                    content: '从前从前有个人爱你很久，但偏偏风渐渐把距离吹得好远，好不容易又能再多爱一天，但故事的最后你好像还是说了拜拜，从前从前有个人爱你很久，但偏偏风渐渐把距离吹得好远，好不容易又能再多爱一天，但故事的最后你好像还是说了拜拜',
                    progress: 'undo'
                  },{
                    name: '步骤4',
                    content: '但偏偏风渐渐把距离吹得好远，好不容易又能再多爱一天，但故事的最后你好像还是说了拜拜',
                    progress: 'undo'
                  }
                ]
            }
        },
        methods: {
        }
    }
</script>

<style>
.hbxw-steps-wrap{
  padding: 26rpx 24rpx;
}
</style>

API

Props