wxc-simple-flow

wxc-simple-flow

Simple flow

Demo

    

Code Example

<template>
  <wxc-simple-flow :list="testData" :themeColor="themeColor"></wxc-simple-flow>
</template>
<script>
  import { WxcSimpleFlow } from 'weex-ui';
  export default {
    components: { WxcSimpleFlow },
    data: () => ({
      themeColor: {
        lineColor: '#bf280b',
        pointInnerColor: '#b95048',
        pointBorderColor: '#bf280b',
        highlightTitleColor: '#bf280b',
        highlightPointInnerColor: '#bf280b',
        highlightPointBorderColor: '#d46262'
      },
      testData: [
        {
          'date': '2017-05-24 21:10:29',
          'desc': '',
          'highlight': true,
          'title': 'confirm'
        },
        {
          'date': '2017-05-24 19:54:28',
          'desc': '',
          'title': 'updated'
        },
        {
          'date': '2017-05-24 19:50:21',
          'desc': 'You have determined the plan',
          'title': 'Plan uploaded'
        },
        {
          'date': '2017-05-24 19:49:03',
          'desc': 'The merchant will contact you within 2 working hours',
          'title': 'Business receipt'
        }
      ]
    })
  }
</script>

More details can be found in here

API

Prop	Type	Required	Default	Description
list	Array	Y	-	list data
list[{title}]	String	Y	-	main information
list[{desc}]	String	N	-	description
list[{date}]	String	N	-	date
list[{highlight}]	Boolean	N	false	whether is highlight
themeColor	Object	N	{}	theme color config
themeColor{lineColor}	String	N	-	line color
themeColor{pointInnerColor}	String	N	-	inner point Color
themeColor{pointBorderColor}	String	N	-	point border color
themeColor{highlightTitleColor}	String	N	-	highlight title color
themeColor{highlightPointInnerColor}	String	N	-	point inner highlight color
themeColor{highlightPointBorderColor}	String	N	-	highlight point border color