更新记录

1.5（2022-06-19） 下载此版本

支持vue3

1.4（2022-06-19） 下载此版本

公用样式，函数抽离

1.3（2022-04-26） 下载此版本

增加ios时间支持

平台兼容性

倒计时

用法示例

常规用法：

<template>
    <view class="block">
        <!--    默认用法-->
        <yl-count-down :end-time="endTime"/>
        <!--    自定义背景，文字，倒计时容器样式-->
        <yl-count-down :end-time="endTime" background="#000000" color="#ffffff" text-color="#000000" container-style="margin:20rpx;"/>
        <!--    接收时间字符串-->
        <yl-count-down :end-time="endTimeStr"/>
        <!--    接收时间类型数据-->
        <yl-count-down :end-time="endTimeDate"/>
        <!--    自定义样式,传递对象-->
        <yl-count-down :end-time="endTime"
                       background="transparent"
                       color="#f914f6"
                       text-color="#f914f6"
                       :text-style="{margin:'20rpx','font-size':'40rpx'}"
                       :time-style="{padding:'20rpx','font-size':'40rpx',border:'solid 1px #f914f6'}"
                       :container-style="{margin:'40rpx 20rpx'}"
        />
        <!--    自定义样式，传递字符串-->
        <yl-count-down :end-time="endTime"
                       background="green"
                       color="#ffffff"
                       text-color="#69b90b"
                       text-style="margin:10rpx;font-size:34rpx;"
                       time-style="padding:10rpx;font-size:34rpx;"
        />
    </view>

</template>

<script>
    export default {
        data(){
            return{
                endTime:'',
                endTimeStr:'',
                endTimeDate:null,//
            }
        },
        mounted(){
            this.endTime=new Date().getTime()+100000000
            this.endTimeStr=new Date(this.endTime).toLocaleDateString()
            this.endTimeDate=new Date(this.endTime)
        }
    }
</script> 

Props