Countdown 倒计时

倒计时组件

使用指南

在 Taro 文件中引入组件

import { AtCountdown } from 'taro-ui'

组件依赖的样式文件（仅按需引用时需要）

@import "~taro-ui/dist/style/components/countdown.scss";

一般用法

说明： 开发者可以设置 onTimeUp 倒计时时间到回调事件

import Taro from '@tarojs/taro'
import { View } from '@tarojs/components'
import { AtCountdown } from 'taro-ui'
export default class CountdownPage extends Taro.Component {
  onTimeUp () {
    Taro.showToast({
      title: '时间到',
      icon: 'success',
      duration: 2000
    })
  }
  render () {
    return (
      <AtCountdown
        format={{ hours: ':', minutes: ':', seconds: '' }}
        seconds={10}
        onTimeUp={this.onTimeUp.bind(this)}
      />
    )
  }
}

显示天数

<AtCountdown
  isShowDay
  day={2}
  hours={1}
  minutes={1}
  seconds={10}
/>

自定义格式化

<AtCountdown
  isShowDay
  format={{ hours: ':', minutes: ':', seconds: '' }}
  day={2}
  hours={1}
  minutes={1}
  seconds={10}
/>

卡片式

<AtCountdown
  isCard
  minutes={1}
  seconds={10}
/>

参数

事件