更新记录

1.0.2（2020-12-10） 下载此版本

新增示例，新增m-sidebar

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

更新

1.0.0（2020-12-02） 下载此版本

更新

平台兼容性

m-steps进度条

可按需修改组件中的样式，和参数

使用说明

在 script 中引用组件

import mSidebar from "@/components/m-sidebar/m-sidebar.vue"
import mSteps from '@/components/m-steps/m-steps.vue'
components: {
    mSidebar,
    mSteps
},

在 template 中的使用

<view class="content">
        <mSidebar title="进度详情">
            <view class="row">
                <m-steps v-for="(item, index) in wrapRecordList" :item='item' :key="index" :index='index' :activity= 'activity' date='updateTime'  >
                    <text slot="status">{{progressStatus[item.progressStatus]}}</text>
                </m-steps>
            </view>
        </mSidebar>
    </view>

参数说明 m-sidebar

1. title --title名称

   可使用插槽

参数说明 m-steps

1. list --进度列表
2. item --进度详情
3. index --进度序号
4. activity --当前进度条状态
5. wrapperStatus --流程状态对应字段
6. wrapperTitle --详情对应字段
7. date --时间

slot插槽

1. dateTop：年月日
2. dateBot：时分秒
3. status：进度状态
4. content：详情