default-count-down.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. exports.ids = [3];
  2. exports.modules = {
  3. /***/ 237:
  4. /***/ (function(module, exports, __webpack_require__) {
  5. // style-loader: Adds some css to the DOM by adding a <style> tag
  6. // load the styles
  7. var content = __webpack_require__(278);
  8. if(content.__esModule) content = content.default;
  9. if(typeof content === 'string') content = [[module.i, content, '']];
  10. if(content.locals) module.exports = content.locals;
  11. // add CSS to SSR context
  12. var add = __webpack_require__(4).default
  13. module.exports.__inject__ = function (context) {
  14. add("1c86c272", content, true, context)
  15. };
  16. /***/ }),
  17. /***/ 277:
  18. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  19. "use strict";
  20. __webpack_require__.r(__webpack_exports__);
  21. /* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_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_index_js_vue_loader_options_countDown_vue_vue_type_style_index_0_id_68002a10_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(237);
  22. /* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_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_index_js_vue_loader_options_countDown_vue_vue_type_style_index_0_id_68002a10_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_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_index_js_vue_loader_options_countDown_vue_vue_type_style_index_0_id_68002a10_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  23. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_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_index_js_vue_loader_options_countDown_vue_vue_type_style_index_0_id_68002a10_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_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_index_js_vue_loader_options_countDown_vue_vue_type_style_index_0_id_68002a10_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  24. /***/ }),
  25. /***/ 278:
  26. /***/ (function(module, exports, __webpack_require__) {
  27. // Imports
  28. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
  29. var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
  30. // Module
  31. ___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-68002a10]{color:#f11111}.col_green[data-v-68002a10]{color:#44be95}.col_white[data-v-68002a10]{color:#fff}.flex-col[data-v-68002a10]{flex-direction:column}.flex-j-c[data-v-68002a10]{justify-content:center}.flex-j-sb[data-v-68002a10]{justify-content:space-between}.flex-j-ar[data-v-68002a10]{justify-content:space-around}.flex-a-c[data-v-68002a10]{align-items:center}.flex-a-e[data-v-68002a10]{align-items:flex-end}.w[data-v-68002a10]{width:1200px}.m-auto[data-v-68002a10]{margin:0 auto}.height-one[data-v-68002a10]{height:100%}.flex[data-v-68002a10]{display:flex}.text-overflow[data-v-68002a10]{-webkit-line-clamp:4}.text-overflow[data-v-68002a10],.text-overflow-2[data-v-68002a10]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-68002a10]{-webkit-line-clamp:2}.text-overflow-3[data-v-68002a10]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-68002a10],.text-overflow-3[data-v-68002a10]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-68002a10]{white-space:nowrap}.hiddenScroll[data-v-68002a10]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-68002a10]::-webkit-scrollbar{display:none}.finger-point[data-v-68002a10]{cursor:pointer}.cursor-default[data-v-68002a10]{cursor:default}.el-icon-circle-close[data-v-68002a10]{color:#fff}.count-down[data-v-68002a10]{margin:10px;color:#f11111}", ""]);
  32. // Exports
  33. module.exports = ___CSS_LOADER_EXPORT___;
  34. /***/ }),
  35. /***/ 365:
  36. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  37. "use strict";
  38. // ESM COMPAT FLAG
  39. __webpack_require__.r(__webpack_exports__);
  40. // 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/default/countDown.vue?vue&type=template&id=68002a10&scoped=true&
  41. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"count-down"},[_vm._t("default",function(){return [_vm._v("\n "+_vm._s(_vm.content)+"\n ")]})],2)}
  42. var staticRenderFns = []
  43. // CONCATENATED MODULE: ./components/default/countDown.vue?vue&type=template&id=68002a10&scoped=true&
  44. // 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/default/countDown.vue?vue&type=script&lang=js&
  45. //
  46. //
  47. //
  48. //
  49. //
  50. //
  51. //
  52. //
  53. /* harmony default export */ var countDownvue_type_script_lang_js_ = ({
  54. data() {
  55. return {
  56. content: ''
  57. };
  58. },
  59. props: {
  60. endTime: {
  61. type: Number,
  62. default: 0
  63. },
  64. endText: {
  65. type: String,
  66. default: ''
  67. },
  68. callback: {
  69. type: Function,
  70. default: null
  71. }
  72. },
  73. mounted() {
  74. this.countdowm(this.endTime);
  75. },
  76. methods: {
  77. countdowm(timestamp) {
  78. let self = this;
  79. let timer = setInterval(function () {
  80. let nowTime = new Date();
  81. let endTime = new Date(timestamp * 1000);
  82. let t = endTime.getTime() - nowTime.getTime();
  83. if (t > 0) {
  84. let day = Math.floor(t / 86400000);
  85. let hour = Math.floor(t / 3600000 % 24);
  86. let min = Math.floor(t / 60000 % 60);
  87. let sec = Math.floor(t / 1000 % 60);
  88. hour = hour < 10 ? "0" + hour : hour;
  89. min = min < 10 ? "0" + min : min;
  90. sec = sec < 10 ? "0" + sec : sec;
  91. let format = '';
  92. if (day > 0) {
  93. format = `${day}天${hour}小时${min}分${sec}秒`;
  94. }
  95. if (day <= 0 && hour > 0) {
  96. format = `${hour}小时${min}分${sec}秒`;
  97. }
  98. if (day <= 0 && hour <= 0) {
  99. format = `${min}分${sec}秒`;
  100. }
  101. self.content = self.endText + ' ' + format;
  102. } else {
  103. clearInterval(timer);
  104. self.content = '';
  105. self._callback();
  106. }
  107. }, 1000);
  108. },
  109. _callback() {
  110. if (this.callback && this.callback instanceof Function) {
  111. this.callback(...this);
  112. }
  113. }
  114. }
  115. });
  116. // CONCATENATED MODULE: ./components/default/countDown.vue?vue&type=script&lang=js&
  117. /* harmony default export */ var default_countDownvue_type_script_lang_js_ = (countDownvue_type_script_lang_js_);
  118. // EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
  119. var componentNormalizer = __webpack_require__(2);
  120. // CONCATENATED MODULE: ./components/default/countDown.vue
  121. function injectStyles (context) {
  122. var style0 = __webpack_require__(277)
  123. if (style0.__inject__) style0.__inject__(context)
  124. }
  125. /* normalize component */
  126. var component = Object(componentNormalizer["a" /* default */])(
  127. default_countDownvue_type_script_lang_js_,
  128. render,
  129. staticRenderFns,
  130. false,
  131. injectStyles,
  132. "68002a10",
  133. "65474dd8"
  134. )
  135. /* harmony default export */ var countDown = __webpack_exports__["default"] = (component.exports);
  136. /***/ })
  137. };;
  138. //# sourceMappingURL=default-count-down.js.map