| 1 |
- {"version":3,"sources":["webpack:///./src/views/activity/GoodsSeckill.vue?1da6","webpack:///src/views/activity/GoodsSeckill.vue","webpack:///./src/views/activity/GoodsSeckill.vue?9136","webpack:///./src/views/activity/GoodsSeckill.vue","webpack:///./src/components/CountDown.vue?a418","webpack:///src/components/CountDown.vue","webpack:///./src/components/CountDown.vue?c935","webpack:///./src/components/CountDown.vue","webpack:///./src/views/activity/GoodsSeckill.vue?a2c5"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","src","headerImg","_e","line-height","line-width","animated","title-inactive-color","sticky","model","value","callback","$$v","active","expression","_l","item","index","key","slot","on","click","$event","setTime","_v","_s","time","state","status","is-day","tip-text","day-text","hour-text","minute-text","second-text","datatime","itemSeckill","indexSeckill","image","domProps","textContent","title","price","style","width","loading","percent","stock","goDetail","id","seckillList","length","page","staticStyle","background-color","__webpack_require__","loaded","loadingList","staticRenderFns","GoodsSeckillvue_type_script_lang_js_","name","components","CountDown","Tab","tab","Tabs","tabs","Loading","props","data","timeList","limit","mounted","mountedStart","methods","_this","that","Object","activity","then","res","$set","lovely","seckillTime","seckillTimeIndex","stop","getSeckillList","$nextTick","$refs","scrollIntoView","$scroll","container","setTimeout","push","apply","$router","path","activity_GoodsSeckillvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","tipText","isDay","day","dayText","hour","hourText","minute","minuteText","second","secondText","CountDownvue_type_script_lang_js_","type","String","default","Number","Boolean","created","show_time","runTime","intDiff","Date","parse","Math","floor","setInterval","components_CountDownvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_GoodsSeckill_vue_vue_type_style_index_0_id_14e8197a_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_GoodsSeckill_vue_vue_type_style_index_0_id_14e8197a_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"h5/js/chunk-506b4491.4b24a518.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"flash-sale\"},[(_vm.headerImg)?_c('div',{staticClass:\"header\"},[_c('img',{attrs:{\"src\":_vm.headerImg}})]):_vm._e(),_c('Tabs',{ref:\"timeList\",staticClass:\"time-tabs\",attrs:{\"line-height\":\"0\",\"line-width\":\"0\",\"animated\":\"\",\"title-inactive-color\":\"2\",\"sticky\":_vm.sticky},model:{value:(_vm.active),callback:function ($$v) {_vm.active=$$v},expression:\"active\"}},_vm._l((_vm.timeList),function(item,index){return _c('Tab',{key:index},[_c('div',{staticClass:\"timeItem\",attrs:{\"slot\":\"title\"},on:{\"click\":function($event){return _vm.setTime(index)}},slot:\"title\"},[_c('div',{staticClass:\"time\"},[_vm._v(_vm._s(item.time))]),_c('div',{staticClass:\"state\"},[_vm._v(_vm._s(item.state))])]),_c('div',{staticClass:\"countDown font-color-green acea-row row-center-wrapper\"},[(item.status === 0)?_c('div',{staticClass:\"activity\"},[_vm._v(\"活动已结束\")]):_vm._e(),(item.status === 1)?_c('CountDown',{attrs:{\"is-day\":false,\"tip-text\":'距结束仅剩 ',\"day-text\":'',\"hour-text\":' : ',\"minute-text\":' : ',\"second-text\":'',\"datatime\":_vm.datatime}}):_vm._e(),(item.status === 2)?_c('div',{staticClass:\"activity\"},[_vm._v(\"活动即将开始\")]):_vm._e()],1),_c('div',{staticClass:\"list\"},_vm._l((_vm.seckillList),function(itemSeckill,indexSeckill){return _c('div',{key:indexSeckill,staticClass:\"item acea-row row-between-wrapper\"},[_c('div',{staticClass:\"pictrue\"},[_c('img',{attrs:{\"src\":itemSeckill.image}})]),_c('div',{staticClass:\"text acea-row row-column-around\"},[_c('div',{staticClass:\"line1\",domProps:{\"textContent\":_vm._s(itemSeckill.title)}}),_c('div',{staticClass:\"money\"},[_vm._v(\"\\n 限时价\"),_c('span',{staticClass:\"num font-color-orange\",domProps:{\"textContent\":_vm._s('￥' + itemSeckill.price)}})]),_c('div',{staticClass:\"progress cart-color-green\"},[_c('div',{staticClass:\"bg-red\",style:({ width: _vm.loading ? itemSeckill.percent + '%' : '' })}),_c('div',{staticClass:\"piece font-color-green\",domProps:{\"textContent\":_vm._s('仅剩' + itemSeckill.stock + '件')}})])]),(item.status === 1 && itemSeckill.stock > 0)?_c('div',{staticClass:\"grab bg-color-green\",on:{\"click\":function($event){return _vm.goDetail(itemSeckill.id)}}},[_vm._v(\"\\n 马上抢\\n \")]):_vm._e(),(item.status === 1 && itemSeckill.stock <= 0)?_c('div',{staticClass:\"grab\"},[_vm._v(\"\\n 已售磬\\n \")]):_vm._e(),(item.status === 2)?_c('div',{staticClass:\"grab bg-color-green\"},[_vm._v(\"\\n 即将开始\\n \")]):_vm._e(),(item.status === 0)?_c('div',{staticClass:\"grab bg-color-green\"},[_vm._v(\"\\n 已结束\\n \")]):_vm._e()])}),0),(_vm.seckillList.length === 0 && _vm.page > 1)?_c('div',{staticClass:\"noCommodity\",staticStyle:{\"background-color\":\"#fff\"}},[_c('div',{staticClass:\"noPictrue\"},[_c('img',{staticClass:\"image\",attrs:{\"src\":require(\"@assets/images/noGood.png\")}})])]):_vm._e(),(_vm.seckillList.length > 0)?_c('Loading',{attrs:{\"loaded\":_vm.status,\"loading\":_vm.loadingList}}):_vm._e()],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"flash-sale\" ref=\"container\">\r\n <div class=\"header\" v-if=\"headerImg\"><img :src=\"headerImg\" /></div>\r\n <Tabs\r\n class=\"time-tabs\"\r\n line-height=\"0\"\r\n line-width=\"0\"\r\n v-model=\"active\"\r\n animated\r\n title-inactive-color=\"2\"\r\n :sticky=\"sticky\"\r\n ref=\"timeList\"\r\n >\r\n <Tab v-for=\"(item, index) in timeList\" :key=\"index\">\r\n <div slot=\"title\" class=\"timeItem\" @click=\"setTime(index)\">\r\n <div class=\"time\">{{ item.time }}</div>\r\n <div class=\"state\">{{ item.state }}</div>\r\n </div>\r\n <div class=\"countDown font-color-green acea-row row-center-wrapper\">\r\n <div v-if=\"item.status === 0\" class=\"activity\">活动已结束</div>\r\n <CountDown\r\n :is-day=\"false\"\r\n :tip-text=\"'距结束仅剩 '\"\r\n :day-text=\"''\"\r\n :hour-text=\"' : '\"\r\n :minute-text=\"' : '\"\r\n :second-text=\"''\"\r\n :datatime=\"datatime\"\r\n v-if=\"item.status === 1\"\r\n ></CountDown>\r\n <div v-if=\"item.status === 2\" class=\"activity\">活动即将开始</div>\r\n </div>\r\n <div class=\"list\">\r\n <div\r\n class=\"item acea-row row-between-wrapper\"\r\n v-for=\"(itemSeckill, indexSeckill) in seckillList\"\r\n :key=\"indexSeckill\"\r\n >\r\n <div class=\"pictrue\">\r\n <img :src=\"itemSeckill.image\" />\r\n </div>\r\n <div class=\"text acea-row row-column-around\">\r\n <div class=\"line1\" v-text=\"itemSeckill.title\"></div>\r\n <div class=\"money\">\r\n 限时价<span\r\n class=\"num font-color-orange\"\r\n v-text=\"'￥' + itemSeckill.price\"\r\n ></span>\r\n </div>\r\n <div class=\"progress cart-color-green\">\r\n <div\r\n class=\"bg-red\"\r\n :style=\"{ width: loading ? itemSeckill.percent + '%' : '' }\"\r\n ></div>\r\n <div\r\n class=\"piece font-color-green\"\r\n v-text=\"'仅剩' + itemSeckill.stock + '件'\"\r\n ></div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"grab bg-color-green\"\r\n v-if=\"item.status === 1 && itemSeckill.stock > 0\"\r\n @click=\"goDetail(itemSeckill.id)\"\r\n >\r\n 马上抢\r\n </div>\r\n <div\r\n class=\"grab\"\r\n v-if=\"item.status === 1 && itemSeckill.stock <= 0\"\r\n >\r\n 已售磬\r\n </div>\r\n <div class=\"grab bg-color-green\" v-if=\"item.status === 2\">\r\n 即将开始\r\n </div>\r\n <div class=\"grab bg-color-green\" v-if=\"item.status === 0\">\r\n 已结束\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"noCommodity\"\r\n v-cloak\r\n style=\"background-color: #fff;\"\r\n v-if=\"seckillList.length === 0 && page > 1\"\r\n >\r\n <div class=\"noPictrue\">\r\n <img src=\"@assets/images/noGood.png\" class=\"image\" />\r\n </div>\r\n </div>\r\n <Loading\r\n :loaded=\"status\"\r\n :loading=\"loadingList\"\r\n v-if=\"seckillList.length > 0\"\r\n ></Loading>\r\n </Tab>\r\n </Tabs>\r\n </div>\r\n</template>\r\n<script>\r\nimport { getSeckillConfig, getSeckillList } from \"@api/activity\";\r\nimport CountDown from \"@components/CountDown\";\r\nimport { Tab, Tabs } from \"vant\";\r\nimport Loading from \"@components/Loading\";\r\n\r\nexport default {\r\n name: \"GoodsSeckill\",\r\n components: {\r\n CountDown,\r\n Tab,\r\n Tabs,\r\n Loading\r\n },\r\n props: {},\r\n data: function() {\r\n return {\r\n headerImg: \"\",\r\n timeList: [],\r\n sticky: false,\r\n loading: false,\r\n datatime: 0,\r\n active: 0,\r\n seckillList: [],\r\n status: false, //砍价列表是否获取完成 false 未完成 true 完成\r\n loadingList: false, //当前接口是否请求完成 false 完成 true 未完成\r\n page: 1, //页码\r\n limit: 5 //数量\r\n };\r\n },\r\n mounted: function() {\r\n this.mountedStart();\r\n },\r\n methods: {\r\n mountedStart: function() {\r\n var that = this;\r\n getSeckillConfig().then(res => {\r\n that.$set(that, \"headerImg\", res.data.lovely);\r\n that.$set(that, \"timeList\", res.data.seckillTime);\r\n that.$set(that, \"active\", res.data.seckillTimeIndex);\r\n that.datatime = that.timeList[that.active].stop;\r\n that.getSeckillList();\r\n that.$nextTick(function() {\r\n that.sticky = true;\r\n that.$refs.timeList.scrollIntoView();\r\n });\r\n });\r\n this.$scroll(this.$refs.container, () => {\r\n !this.loadingList && this.getSeckillList();\r\n });\r\n setTimeout(function() {\r\n that.loading = true;\r\n }, 500);\r\n },\r\n setTime: function(index) {\r\n var that = this;\r\n that.active = index;\r\n that.datatime = that.timeList[that.active].stop;\r\n that.getSeckillList();\r\n },\r\n getSeckillList: function() {\r\n var that = this;\r\n if (that.loadingList) return;\r\n if (that.status) return;\r\n var time = that.timeList[that.active].id;\r\n getSeckillList(time, { page: that.page, limit: that.limit }).then(res => {\r\n that.status = res.data.length < that.limit;\r\n that.seckillList.push.apply(that.seckillList, res.data);\r\n that.page++;\r\n that.loadingList = false;\r\n });\r\n },\r\n goDetail: function(id) {\r\n var that = this;\r\n var time = that.timeList[that.active].stop;\r\n this.$router.push({\r\n path: \"/activity/seckill_detail/\" + id + \"/\" + time\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.timeItem {\r\n font-size: 0.22rem;\r\n color: #282828;\r\n width: 100%;\r\n text-align: center;\r\n padding: 0.11rem 0;\r\n height: 0.96rem;\r\n background-color: #efc58f;\r\n}\r\n.timeItem .time {\r\n font-size: 0.32rem;\r\n font-weight: bold;\r\n height: 0.37rem;\r\n line-height: 0.37rem;\r\n}\r\n.timeItem .state {\r\n height: 0.37rem;\r\n line-height: 0.37rem;\r\n}\r\n.activity {\r\n color: #333;\r\n}\r\n.flash-sale .list .item .grab {\r\n background-color: #999;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoodsSeckill.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoodsSeckill.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoodsSeckill.vue?vue&type=template&id=14e8197a&scoped=true&\"\nimport script from \"./GoodsSeckill.vue?vue&type=script&lang=js&\"\nexport * from \"./GoodsSeckill.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GoodsSeckill.vue?vue&type=style&index=0&id=14e8197a&scoped=true&lang=css&\"\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 \"14e8197a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"time\"},[_vm._v(\"\\n \"+_vm._s(_vm.tipText)),(_vm.isDay === true)?_c('span',{staticClass:\"styleAll\"},[_vm._v(_vm._s(_vm.day))]):_vm._e(),_c('span',{staticClass:\"timeTxt\"},[_vm._v(_vm._s(_vm.dayText))]),_c('span',{staticClass:\"styleAll\"},[_vm._v(_vm._s(_vm.hour))]),_c('span',{staticClass:\"timeTxt\"},[_vm._v(_vm._s(_vm.hourText))]),_c('span',{staticClass:\"styleAll\"},[_vm._v(_vm._s(_vm.minute))]),_c('span',{staticClass:\"timeTxt\"},[_vm._v(_vm._s(_vm.minuteText))]),_c('span',{staticClass:\"styleAll\"},[_vm._v(_vm._s(_vm.second))]),_c('span',{staticClass:\"timeTxt\"},[_vm._v(_vm._s(_vm.secondText))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"time\">\r\n {{ tipText }}<span class=\"styleAll\" v-if=\"isDay === true\">{{ day }}</span\r\n ><span class=\"timeTxt\">{{ dayText }}</span\r\n ><span class=\"styleAll\">{{ hour }}</span\r\n ><span class=\"timeTxt\">{{ hourText }}</span\r\n ><span class=\"styleAll\">{{ minute }}</span\r\n ><span class=\"timeTxt\">{{ minuteText }}</span\r\n ><span class=\"styleAll\">{{ second }}</span\r\n ><span class=\"timeTxt\">{{ secondText }}</span>\r\n </div>\r\n</template>\r\n<script>\r\nexport default {\r\n name: \"CountDown\",\r\n props: {\r\n //距离开始提示文字\r\n tipText: {\r\n type: String,\r\n default: \"倒计时\"\r\n },\r\n dayText: {\r\n type: String,\r\n default: \"天\"\r\n },\r\n hourText: {\r\n type: String,\r\n default: \"时\"\r\n },\r\n minuteText: {\r\n type: String,\r\n default: \"分\"\r\n },\r\n secondText: {\r\n type: String,\r\n default: \"秒\"\r\n },\r\n datatime: {\r\n type: Number,\r\n default: 0\r\n },\r\n isDay: {\r\n type: Boolean,\r\n default: true\r\n }\r\n },\r\n data: function() {\r\n return {\r\n day: \"00\",\r\n hour: \"00\",\r\n minute: \"00\",\r\n second: \"00\"\r\n };\r\n },\r\n created: function() {\r\n this.show_time();\r\n },\r\n mounted: function() {},\r\n methods: {\r\n show_time: function() {\r\n let that = this;\r\n function runTime() {\r\n //时间函数\r\n let intDiff = that.datatime - Date.parse(new Date()) / 1000; //获取数据中的时间戳的时间差；\r\n let day = 0,\r\n hour = 0,\r\n minute = 0,\r\n second = 0;\r\n if (intDiff > 0) {\r\n //转换时间\r\n if (that.isDay === true) {\r\n day = Math.floor(intDiff / (60 * 60 * 24));\r\n } else {\r\n day = 0;\r\n }\r\n hour = Math.floor(intDiff / (60 * 60)) - day * 24;\r\n minute = Math.floor(intDiff / 60) - day * 24 * 60 - hour * 60;\r\n second =\r\n Math.floor(intDiff) -\r\n day * 24 * 60 * 60 -\r\n hour * 60 * 60 -\r\n minute * 60;\r\n if (hour <= 9) hour = \"0\" + hour;\r\n if (minute <= 9) minute = \"0\" + minute;\r\n if (second <= 9) second = \"0\" + second;\r\n that.day = day;\r\n that.hour = hour;\r\n that.minute = minute;\r\n that.second = second;\r\n } else {\r\n that.day = \"00\";\r\n that.hour = \"00\";\r\n that.minute = \"00\";\r\n that.second = \"00\";\r\n }\r\n }\r\n runTime();\r\n setInterval(runTime, 1000);\r\n }\r\n }\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountDown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CountDown.vue?vue&type=template&id=794dd60d&\"\nimport script from \"./CountDown.vue?vue&type=script&lang=js&\"\nexport * from \"./CountDown.vue?vue&type=script&lang=js&\"\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 null,\n null\n \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoodsSeckill.vue?vue&type=style&index=0&id=14e8197a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoodsSeckill.vue?vue&type=style&index=0&id=14e8197a&scoped=true&lang=css&\""],"sourceRoot":""}
|
