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

wxc-countdown

Countdown

Demo

    

Code Example

<template>
  <wxc-countdown tpl="{d}:{h}:{m}:{s}" :time="TIME"></wxc-countdown>
</template>
<script>
    import { WxcCountdown } from 'weex-ui'
    export default {
      components: { WxcCountdown },
      data: () => ({
        TIME: new Date().getTime() + 86400000 + ''
      })
    }
</script>

More details can be found in here

API

PropTypeRequiredDefaultDescription
timeNumberY1501200000000Final timestamp
intervalNumberN1000interval
tplStringN{h}:{m}:{s}template
onCompleteFunctionN()=>()callback when completed
timeWrapStyleObjectN-wrap style
timeBoxStyleObjectN-number box style
dotBoxStyleObjectN-symbol box style
timeTextStyleObjectN-number text style
dotTextStyleObjectN-symbol text style