tree: aa54ff1bb9f48222d79aa741b7093ce7794268bb [path history] [tgz]
  1. index.js
  2. index.vue
  3. package.json
  4. README.md
  5. README_cn.md
packages/wxc-simple-flow/README.md

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

PropTypeRequiredDefaultDescription
listArrayY-list data
list[{title}]StringY-main information
list[{desc}]StringN-description
list[{date}]StringN-date
list[{highlight}]BooleanNfalsewhether is highlight
themeColorObjectN{}theme color config
themeColor{lineColor}StringN-line color
themeColor{pointInnerColor}StringN-inner point Color
themeColor{pointBorderColor}StringN-point border color
themeColor{highlightTitleColor}StringN-highlight title color
themeColor{highlightPointInnerColor}StringN-point inner highlight color
themeColor{highlightPointBorderColor}StringN-highlight point border color