{"version":3,"sources":["webpack:///./src/components/product/ProCountDown.vue?c402","webpack:///src/components/product/ProCountDown.vue","webpack:///./src/components/product/ProCountDown.vue?1f8d","webpack:///./src/components/product/ProCountDown.vue","webpack:///./src/components/product/ProCountDown.vue?5ff1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","tip","day","hour","min","second","staticRenderFns","name","props","endTime","required","startTime","data","curStartTime","done","created","countTime","updated","end","clearInterval","methods","Math","floor","h","m","s","Number","setTimeout","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAAEN,EAAQ,KAAEI,EAAG,OAAO,CAACJ,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,KAAK,IAAIT,EAAIQ,GAAGR,EAAIU,KAAK,MAAMN,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIW,SAASX,EAAIO,GAAG,KAAKH,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIY,QAAQZ,EAAIO,GAAG,MAAMH,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIa,aAAaT,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,WAC9bK,EAAkB,GCWP,G,UAAA,CACbC,KAAMA,eACNC,MAAOA,CACLC,QAASA,CACPC,UAAUA,GAEZC,UAAWA,CACTD,UAAUA,IAGdE,KAVF,WAWI,MAAO,CACLC,aAAcA,GACdX,IAAKA,IACLC,KAAMA,KACNC,IAAKA,KACLC,OAAQA,KACRS,MAAMA,EACNb,IAAKA,KAITc,QAtBF,WAuBItB,KAAKoB,aAAepB,KAAKgB,QACzBhB,KAAKuB,aAEPC,QA1BF,YA2BQxB,KAAKyB,KAAOzB,KAAKqB,OACnBK,cAAcA,KAAKA,YAGvBC,QAASA,CAEPJ,UAFJ,WAIM,IAAN,WACA,cAGA,uCAEA,QAGA,aACA,oBAEQvB,KAAKS,IAAMmB,KAAKC,MAAMX,EAAY,IAAO,GAAK,GAAK,IAEnD,IAAR,6BACQlB,KAAKU,KAAOoB,EAAI,GAAK,IAAMA,EAAIA,EAE/B,IAAR,0BACQ9B,KAAKW,IAAMoB,EAAI,GAAK,IAAMA,EAAIA,EAE9B,IAAR,uBACQ/B,KAAKY,OAASoB,EAAI,GAAK,IAAMA,EAAIA,EAGzCC,uBACAA,sBACAA,sBACAA,0BAEUjC,KAAKqB,MAAO,EACZrB,KAAKQ,IAAM,SAGb0B,WAARA,wBACA,CAEA,kCACA,cAEA,MAGA,QACA,aACA,kBAEA,oCAEA,iCACA,uBAEA,8BACA,sBAEA,2BACA,8BAEA,aACA,iBACA,WACA,eACA,cACA,iBAGA,GACAD,uBACAA,sBACAA,sBACAA,wBAKA,OAHA,aACA,sBACAP,8BAIAQ,oCC5HqW,I,wBCQjWC,EAAY,eACd,EACArC,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E,6CCnBf","file":"js/chunk-bdad4ae2.77b60eec.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"CountDown\"},[(_vm.done)?_c('span',[_vm._v(\" \"+_vm._s(_vm.tip)+\" \"+_vm._s(_vm.day)+\"天 \"),_c('span',{staticClass:\"TimeBox\"},[_vm._v(_vm._s(_vm.hour))]),_vm._v(\":\"),_c('span',{staticClass:\"TimeBox\"},[_vm._v(_vm._s(_vm.min))]),_vm._v(\" :\"),_c('span',{staticClass:\"TimeBox\"},[_vm._v(_vm._s(_vm.second))])]):_c('span',[_vm._v(_vm._s(_vm.tip))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// 限时购倒计时\r\n<template>\r\n  <div class=\"CountDown\">\r\n    <span v-if=\"done\">\r\n      {{ tip }} {{ day }}天  <span class=\"TimeBox\">{{ hour }}</span>:<span  class=\"TimeBox\">{{ min }}</span> :<span  class=\"TimeBox\">{{ second }}</span>\r\n      </span>\r\n    <span v-else>{{ tip }}</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import moment from 'moment'\r\nexport default {\r\n  name: \"ProCountDown\",\r\n  props: {\r\n    endTime: {\r\n      required: true,\r\n    },\r\n    startTime: {\r\n      required: true,\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      curStartTime: \"\",\r\n      day: \"0\",\r\n      hour: \"00\",\r\n      min: \"00\",\r\n      second: \"00\",\r\n      done: false,\r\n      tip: \"\",\r\n    };\r\n  },\r\n\r\n  created() {\r\n    this.curStartTime = this.endTime;\r\n    this.countTime();\r\n  },\r\n  updated() {\r\n    if (this.end || this.done) {\r\n      clearInterval(this.countTime);\r\n    }\r\n  },\r\n  methods: {\r\n    // 倒计时\r\n    countTime() {\r\n      // 获取当前时间\r\n      let date = new Date();\r\n      let now = date.getTime();\r\n      // console.log('当前时间',now)\r\n// 活动开始时间startTime -当前时间大于0，则 显示活动开始时间\r\nlet  startTime=new Date(this.startTime).getTime()-now;\r\n\r\nif(startTime>0){\r\n    //  console.log(this.startTime)\r\n    //  活动开始倒计时\r\n      this.done = true;\r\n     this.tip = `距活动开始还剩：`;\r\n      // 天\r\n        this.day = Math.floor(startTime / 1000 / 60 / 60 / 24);\r\n        // 时\r\n        let h = Math.floor((startTime / 1000 / 60 / 60) % 24);\r\n        this.hour = h < 10 ? \"0\" + h : h;\r\n        // 分\r\n        let m = Math.floor((startTime / 1000 / 60) % 60);\r\n        this.min = m < 10 ? \"0\" + m : m;\r\n        // 秒\r\n        let s = Math.floor((startTime / 1000) % 60);\r\n        this.second = s < 10 ? \"0\" + s : s;\r\n        // 等于0的时候不调用\r\n        if (\r\n          Number(this.hour) === 0 &&\r\n          Number(this.day) === 0 &&\r\n          Number(this.min) === 0 &&\r\n          Number(this.second) === 0\r\n        ) {\r\n          this.done = false;\r\n          this.tip = `活动已开始`;\r\n        } \r\n         // 递归每秒调用countTime方法，显示动态时间效果,\r\n          setTimeout(this.countTime, 1000);\r\n}else{\r\n      // 设置截止时间\r\n      let endDate = new Date(this.curStartTime); // this.curStartTime需要倒计时的日期\r\n      let end = endDate.getTime();\r\n      // 时间差\r\n      let leftTime = end - now;\r\n\r\n      // 定义变量 d,h,m,s保存倒计时的时间\r\n      if (leftTime > 0) {\r\n        this.done = true;\r\n        this.tip = `距结束还剩 `;\r\n        // 天\r\n        this.day = Math.floor(leftTime / 1000 / 60 / 60 / 24);\r\n        // 时\r\n        let h = Math.floor((leftTime / 1000 / 60 / 60) % 24);\r\n        this.hour = h < 10 ? \"0\" + h : h;\r\n        // 分\r\n        let m = Math.floor((leftTime / 1000 / 60) % 60);\r\n        this.min = m < 10 ? \"0\" + m : m;\r\n        // 秒\r\n        let s = Math.floor((leftTime / 1000) % 60);\r\n        this.second = s < 10 ? \"0\" + s : s;\r\n      } else {\r\n        this.done = false;\r\n        this.tip = `活动已结束`;\r\n        this.day = 0;\r\n        this.hour = \"00\";\r\n        this.min = \"00\";\r\n        this.second = \"00\";\r\n      }\r\n      // 等于0的时候不调用\r\n      if (\r\n        Number(this.hour) === 0 &&\r\n        Number(this.day) === 0 &&\r\n        Number(this.min) === 0 &&\r\n        Number(this.second) === 0\r\n      ) {\r\n        this.done = false;\r\n        this.tip = `活动已结束`;\r\n        clearInterval(this.countTime);\r\n        return;\r\n      } else {\r\n        // 递归每秒调用countTime方法，显示动态时间效果,\r\n        setTimeout(this.countTime, 1000);\r\n      }\r\n}\r\n\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.CountDown {\r\n  color: #FF4D00 ;\r\n  font-size: 12px;\r\n  text-align: center;\r\n  .TimeBox{\r\n    color: #fff;\r\n    background: #FF4D00 ;\r\n    padding:2px;\r\n    border-radius: 4px;\r\n    font-size: 13px;\r\n  }\r\n}\r\nbutton[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProCountDown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProCountDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProCountDown.vue?vue&type=template&id=32ebecba&scoped=true&\"\nimport script from \"./ProCountDown.vue?vue&type=script&lang=js&\"\nexport * from \"./ProCountDown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProCountDown.vue?vue&type=style&index=0&id=32ebecba&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"32ebecba\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProCountDown.vue?vue&type=style&index=0&id=32ebecba&lang=less&scoped=true&\""],"sourceRoot":""}