更新记录

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:详情

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问