更新记录

2.0.0（2020-07-12）

优化兼容性 进度条改为自适应 增加内容显示行数控制 设置为0显示所有内容 同时进度条自适应

1.0.0（2020-03-28）

初次上传，后续改进

平台兼容性

更新说明

优化兼容性 进度条改为自适应 增加内容显示行数控制 设置为0显示所有内容 同时进度条自适应

安装

导入

在需要使用的文件中导入插件

import YSteps from '../../components/Y-Steps/Y-Steps.vue'
components: {
            YSteps
        }

参数

示例代码

<template>
    <view style="background-color: #f2f2f2;padding-top: 100rpx;">
        <YSteps lineNum='0' color='#fff' backgroundColor='#000fff' :infoList='list'></YSteps>
    </view>
</template>
<script>
    import YSteps from '../../components/Y-Steps/Y-Steps.vue'
    export default {
        components: {
            YSteps
        },
        data() {
            return {
                list: [
                        {
                            date: '2020-1-4',
                            info: '的'
                        },

                        {
                            date: '2020-1-4',
                            info: '看见阿萨德和封口机撒的护肤科技撒地方即可撒地方就开始'
                        },

                        {
                            date: '2020-1-4',
                            info: '这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容'
                        },
                        {
                            date: '2020-1-4',
                            info: '这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容'
                        },
                        {
                            date: '2020-1-4',
                            info: '这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容'
                        },
                        {
                            date: '2020-1-4',
                            info: '这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容'
                        },
                        {
                            date: '2020-1-4',
                            info: '这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容'
                        },
                        {
                            date: '2020-1-4',
                            info: '这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容'
                        },

                    ]
                };

        },
        methods: {

        }
    }
</script>

<style>

</style>