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