wxc-simple-flow

Weex 简易流程图组件，允许配置主题色

Demo

使用方法

  1. <template>
    2.   <wxc-simple-flow :list="testData" :themeColor="themeColor"></wxc-simple-flow>
    3. </template>
    4. <script>
    5.   import { WxcSimpleFlow } from 'weex-ui';
    6.   export default {
    7.     components: { WxcSimpleFlow },
    8.     data: () => ({
    9.       themeColor: {
    10.         lineColor: '#bf280b',
    11.         pointInnerColor: '#b95048',
    12.         pointBorderColor: '#bf280b',
    13.         highlightTitleColor: '#bf280b',
    14.         highlightPointInnerColor: '#bf280b',
    15.         highlightPointBorderColor: '#d46262'
    16.       },
    17.       testData: [
    18.         {
    19.           'date': '2017-05-24 21:10:29',
    20.           'desc': '',
    21.           'highlight': true,
    22.           'title': '方案已确认'
    23.         },
    24.         {
    25.           'date': '2017-05-24 19:54:28',
    26.           'desc': '',
    27.           'title': '方案已更新'
    28.         },
    29.         {
    30.           'date': '2017-05-24 19:50:21',
    31.           'desc': '您以确定了方案',
    32.           'title': '方案已上传'
    33.         },
    34.         {
    35.           'date': '2017-05-24 19:49:03',
    36.           'desc': '商家会在2个工作小时内电话或旺旺联系您',
    37.           'title': '商家已接单'
    38.         }
    39.       ]
    40.     })
    41.   }
    42. </script>Click to copy

更详细代码可以参考 demo

可配置参数