Vue秒杀倒计时插件vue2-countdown

• 基于vue2.0的活动倒计时组件
• 可以使用服务端当前时间
• 在倒计时开始或者结束的时候,可以自定义回调
• 文档：https://cgygd.github.io/vue2-countdown/
• demo：https://cgygd.github.io/vue2-countdown/example/index.html

安装： 

npm install vue2-countdown --save

引入：

//引入插件
import CountDown from 'vue2-countdown'
components: {
    CountDown
},
data() {
     return {
                currentTime:0,
                startTime:0,
                endTime:0,
            }
        },
methods: {
  countDownS_cb: function (x) {
    console.log(x)
  },
  countDownE_cb: function (x) {
    console.log(x)
  }
}

使用：

<count-down v-on:end_callback="countDownE_cb()"
                :currentTime="currentTime"
                :startTime="startTime"
                :endTime="endTime"
                :tipText="'距离订单开始还有'"
                :tipTextEnd="'距离订单关闭还剩'"
                :endText="'订单已关闭'"
                :dayTxt="'天'"
                :hourTxt="'小时'"
                :minutesTxt="'分钟'"
                :secondsTxt="'秒'">
</count-down>

参数设置： 

currentTime -- 当前时间戳,如果不传,默认获取用户本地的时间(建议传服务器的当前时间)

type: Number

required : false

default : ( new Date() ).getTime()

startTime -- 开始时间戳

type: Number

required : true

endTime -- 结束时间戳

type: Number

required : true

tipText -- 开始倒计时之前的提示文字

type: String

required : false

default : 距离开始

tipTextEnd -- 开始倒计时之后的提示文字

type: String

required : false

default : 距离结束

endText -- 倒计时结束之后的提示文字

type: String

required : false

default : 已结束

dayTxt -- 自定义显示的天数文字

type: String

required : false

default : :

hourTxt -- 自定义显示的小时文字

type: String

required : false

default : :

secondsTxt -- 自定义显示的分钟文字

type: String

required : false

default : :

secondsFixed -- 自定义显示的秒数文字

type: String

required : false

default : :

回调方法：
start_callback() -- 开始倒计时结束之后的回调方法

type: Function

required : false

end_callback() -- 活动倒计时结束之后的回调方法

type: Function

required : false