更新记录

1.0.0（2023-05-15） 下载此版本

第一次上线

平台兼容性

uni-app

一、使用

<count-down
    :time="dateTime"
    format="DD:HH:mm:ss"
    autoStart
    @change="onChange"
    @finish="onFinish"
>
    <view class="time">
        <view class="time__item">{{ timeData.days }}&nbsp;天</view>
        <view class="time__item">{{ timeData.hours}}&nbsp;时</view>
        <view class="time__item">{{ timeData.minutes }}&nbsp;分</view>
        <view class="time__item">{{ timeData.seconds }}&nbsp;秒</view>
    </view>
</count-down>

<script>
import countDown from '@/components/count-down'
    export default {
        components:{
            countDown
        },
        data() {
            return {
                timeData:{},
                dateTime:5000,
            }
        },
        methods: {
            onChange( e ){
            this.timeData = e;
      },
        onFinish(){
        console.log('倒计时结束');
      },
        }
    }
</script>

二、属性