ui-components-count-down2.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. exports.ids = [36];
  2. exports.modules = {
  3. /***/ 225:
  4. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  5. "use strict";
  6. // ESM COMPAT FLAG
  7. __webpack_require__.r(__webpack_exports__);
  8. // CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/ui_components/countDown2.vue?vue&type=template&id=69a5f395&
  9. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_vm._t("default",function(){return [_vm._v(_vm._s(_vm.content))]},{"timeData":_vm.timeData})],2)}
  10. var staticRenderFns = []
  11. // CONCATENATED MODULE: ./components/ui_components/countDown2.vue?vue&type=template&id=69a5f395&
  12. // CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/ui_components/countDown2.vue?vue&type=script&lang=js&
  13. //
  14. //
  15. //
  16. //
  17. //
  18. /* harmony default export */ var countDown2vue_type_script_lang_js_ = ({
  19. name: "CountDown",
  20. data() {
  21. return {
  22. timer: null,
  23. date: null,
  24. timeData: {},
  25. day: null,
  26. hour: null,
  27. min: null,
  28. sec: null,
  29. content: this.endText //显示
  30. };
  31. },
  32. props: {
  33. // 倒计时时间 (分钟)
  34. time: {
  35. type: Number,
  36. default: ""
  37. },
  38. endText: {
  39. type: String,
  40. default: "00:00:00"
  41. }
  42. },
  43. mounted() {
  44. this.countdowm(this.time);
  45. },
  46. methods: {
  47. // 开始倒计时
  48. countdowm(timestamp) {
  49. let self = this;
  50. let endTime = timestamp < 1000000000000 ? timestamp * 1000 : timestamp;
  51. self.timer = setInterval(function () {
  52. let nowTime = new Date();
  53. let t = endTime - nowTime.getTime(); // 判断剩余时间是否 >0
  54. if (t > 0) {
  55. self.day = Math.floor(t / (60 * 60 * 24 * 1000));
  56. self.hour = Math.floor(t / 3600000 % 24);
  57. self.min = Math.floor(t / 60000 % 60);
  58. self.sec = Math.floor(t / 1000 % 60);
  59. let day = self.day < 10 ? "0" + self.day : self.day;
  60. let hour = self.hour < 10 ? "0" + self.hour : self.hour;
  61. let min = self.min < 10 ? "0" + self.min : self.min;
  62. let sec = self.sec < 10 ? "0" + self.sec : self.sec;
  63. let format = `${day}:${hour}:${min}:${sec}`;
  64. self.content = format;
  65. self.$set(self.timeData, 'day', day);
  66. self.$set(self.timeData, 'hours', hour);
  67. self.$set(self.timeData, 'minutes', min);
  68. self.$set(self.timeData, 'seconds', sec);
  69. } else {
  70. // 倒计时结束
  71. self.$emit("finish", 0);
  72. clearInterval(self.timer);
  73. self.content = "00:00:00:00";
  74. }
  75. }, 1000);
  76. }
  77. }
  78. });
  79. // CONCATENATED MODULE: ./components/ui_components/countDown2.vue?vue&type=script&lang=js&
  80. /* harmony default export */ var ui_components_countDown2vue_type_script_lang_js_ = (countDown2vue_type_script_lang_js_);
  81. // EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
  82. var componentNormalizer = __webpack_require__(2);
  83. // CONCATENATED MODULE: ./components/ui_components/countDown2.vue
  84. /* normalize component */
  85. var component = Object(componentNormalizer["a" /* default */])(
  86. ui_components_countDown2vue_type_script_lang_js_,
  87. render,
  88. staticRenderFns,
  89. false,
  90. null,
  91. null,
  92. "142dbe2e"
  93. )
  94. /* harmony default export */ var countDown2 = __webpack_exports__["default"] = (component.exports);
  95. /***/ })
  96. };;
  97. //# sourceMappingURL=ui-components-count-down2.js.map