lc-process-row

流程条组件，用作横向流程条的进度展示

效果

使用方法

<template>
  <div class="demo">
    <scroller>
      <title title="lc-process-row"></title>
      <category title="普通状态"></category>
      <lc-process-row :processList="processList"></lc-process-row>
      <category title="错误状态"></category>
      <lc-process-row :processList="processList1"></lc-process-row>
      <category title="取消状态"></category>
      <lc-process-row :processList="processList2"></lc-process-row>
    </scroller>
  </div>
</template>
<script>
    import Title from 'lighting-ui/packages/_mods/title.vue';
    import Category from 'lighting-ui/packages/_mods/category.vue';
    import LcProcessRow from 'lighting-ui/packages/lc-process-row';

    export default {
        components: { Category, Title,LcProcessRow },
        data(){
            return {
                processList: [
                    {
                    name: "申请受理",
                    data: "09-20 星期一 18:00",
                    state: ""
                    },
                    {
                    name: "份额确认",
                    data: "09-22 星期三",
                    state: "success"
                    },
                    {
                    name: "份额确认2",
                    data: "09-22 星期五",
                    state: "normal"
                    }
                ],
                processList1: [
                    {
                    name: "申请受理",
                    data: "09-20 星期一 18:00",
                    state: ""
                    },
                    {
                    name: "份额确认",
                    data: "09-22 星期三",
                    state: "error"
                    }
                ],
                processList2: [
                    {
                    name: "申请受理",
                    data: "09-20 星期一 18:00",
                    state: ""
                    },
                    {
                    name: "份额确认",
                    data: "09-22 星期三",
                    state: "cancel"
                    }
                ]
                
            }
        },
        methods:{
            
        }
    }
</script>

可配置参数

Prop	Type	Required	Default	Description
processList	Array	Y	[]	流程内容列表
stepNormal	String	N		初始状态图标
stepSuccess	String	N		将要成功状态图标
stepSuccessDone	String	N		成功状态图标
stepError	String	N		错误状态图标
stepCancel	String	N		取消状态图标