| 1 |
- {"version":3,"sources":["uni-app:///main.js","webpack:///G:/item/appBase/pages/product/seckill.vue?130f","webpack:///G:/item/appBase/pages/product/seckill.vue?c811","webpack:///G:/item/appBase/pages/product/seckill.vue?ae06","webpack:///G:/item/appBase/pages/product/seckill.vue?7df9","uni-app:///pages/product/seckill.vue","webpack:///G:/item/appBase/pages/product/seckill.vue?9de8","webpack:///G:/item/appBase/pages/product/seckill.vue?5812"],"names":["createPage","Page"],"mappings":";;;;;;;;;;kDAAA;AACA;AACA,mG;AACAA,UAAU,CAACC,gBAAD,CAAV,C;;;;;;;;;;;;;ACHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoH;AACpH;AAC2D;AACL;AACc;;;AAGpE;AAC2K;AAC3K,gBAAgB,oLAAU;AAC1B,EAAE,6EAAM;AACR,EAAE,kFAAM;AACR,EAAE,2FAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,sFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,sNAEN;AACP,KAAK;AACL;AACA,aAAa,sNAEN;AACP;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACtCA;AAAA;AAAA;AAAA;AAA+nB,CAAgB,opBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACmEnpB;;;AAGA,mE;AACA;AACA;AACA,8BADA;AAEA,4BAFA,EADA;;AAKA,MALA,kBAKA;AACA;AACA,mBADA,EACA;AACA,kBAFA,EAEA;AACA,oBAHA,EAGA;AACA;AACA,iBALA,EAKA;AACA,iBANA,EAMA;AACA,eAPA,EAOA;AACA,wBARA,EAQA;AACA,mBATA,EASA;AACA,kBAVA,CAUA;AAVA;AAYA,GAlBA;AAmBA;AACA;AACA,cAFA,wBAEA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KARA,EAnBA;;AA6BA;AACA;AACA;AACA,GAhCA;AAiCA;AACA;AACA,gBAFA,wBAEA,CAFA,EAEA;AACA;AACA;AACA,KALA;AAMA;AACA,iBAPA,2BAOA;AACA;AACA,YADA,CACA,aADA;AAEA,YAFA;AAGA;AACA,kBADA,EAHA;;AAMA;AACA;AACA;AACA,OATA;;AAWA,UAXA;AAYA,KApBA;AAqBA;AACA,YAtBA,oBAsBA,GAtBA,EAsBA;AACA;AACA;AACA,KAzBA;AA0BA;AACA,cA3BA,sBA2BA,EA3BA,EA2BA,GA3BA,EA2BA;AACA;AACA;;AAEA;AACA,iEADA;;AAGA;AACA,KAnCA;AAoCA;AACA,WArCA,mBAqCA,GArCA,EAqCA,MArCA,EAqCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBADA;AAEA,yBAFA,EADA;;AAKA,aALA;;AAOA,UAPA,CAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAFA,MAEA;AACA;AACA;AACA;AACA;AACA,OAnBA;AAoBA,WApBA,CAoBA;AACA;AACA,OAtBA;AAuBA,KA9EA;AA+EA;AACA,YAhFA,sBAgFA;AACA;AACA;AACA,UADA,CACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAHA,MAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SA3BA;AA4BA;AACA;AACA;AACA;AACA;AACA,SAFA;AAGA;AACA;AACA;AACA,SAHA,MAGA;AACA;AACA;AACA;AACA,WAFA;AAGA;AACA,OA7CA;AA8CA,WA9CA,CA8CA;AACA;AACA,OAhDA;AAiDA,KAnIA;AAoIA;AACA,gBArIA,wBAqIA,EArIA,EAqIA,EArIA,EAqIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KA7IA,EAjCA,E;;;;;;;;;;;;;ACvEA;AAAA;AAAA;AAAA;AAAypC,CAAgB,0nCAAG,EAAC,C;;;;;;;;;;;ACA7qC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/product/seckill.js","sourcesContent":["import 'uni-pages';\nimport Vue from 'vue'\nimport Page from './pages/product/seckill.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./seckill.vue?vue&type=template&id=91b0c9b4&\"\nvar renderjs\nimport script from \"./seckill.vue?vue&type=script&lang=js&\"\nexport * from \"./seckill.vue?vue&type=script&lang=js&\"\nimport style0 from \"./seckill.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\runtime\\\\componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"pages/product/seckill.vue\"\nexport default component.exports","export * from \"-!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--16-0!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./seckill.vue?vue&type=template&id=91b0c9b4&\"","var components\ntry {\n components = {\n uniCountdown: function() {\n return import(\n /* webpackChunkName: \"components/uni-countdown/uni-countdown\" */ \"@/components/uni-countdown/uni-countdown.vue\"\n )\n },\n uniLoadMore: function() {\n return import(\n /* webpackChunkName: \"components/uni-load-more/uni-load-more\" */ \"@/components/uni-load-more/uni-load-more.vue\"\n )\n }\n }\n} catch (e) {\n if (\n e.message.indexOf(\"Cannot find module\") !== -1 &&\n e.message.indexOf(\".vue\") !== -1\n ) {\n console.error(e.message)\n console.error(\"1. 排查组件名称拼写是否正确\")\n console.error(\n \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n )\n console.error(\n \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n )\n } else {\n throw e\n }\n}\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--12-1!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./seckill.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--12-1!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./seckill.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view class=\"seckillBox\">\r\n\t\t<scroll-view scroll-x=\"true\" class=\"class-box flex b-t\" :scroll-left=\"scrollLeft\" :scroll-with-animation=\"true\">\r\n\t\t\t<view @click=\"tabClass(idx)\" class=\"item\" :style=\"{ width: topNavWidth }\" v-for=\"(item, idx) in indexList\" :key=\"idx\">\r\n\t\t\t\t<view class=\"time\" :class=\"{ action: idx == classIndex }\">{{ item.time }}</view>\r\n\t\t\t\t<view class=\"status\" :class=\"{ action: idx == classIndex }\">{{ item.state }}</view>\r\n\t\t\t</view>\r\n\t\t</scroll-view>\r\n\t\t<swiper class=\"list-Box\" :current=\"classIndex\" @change=\"swiperChange\" duration=\"500\">\r\n\t\t\t<swiper-item class=\"list-item\" v-for=\"(ls, idx) in indexList\">\r\n\t\t\t\t<view class=\" b-b position-relative\">\r\n\t\t\t\t\t<view class=\"title-box flex \">\r\n\t\t\t\t\t\t<view class=\"title-box-left\">\r\n\t\t\t\t\t\t\t<text v-if=\"ls.status == 1\">抢购中先下先得哦！</text>\r\n\t\t\t\t\t\t\t<text v-if=\"ls.status == 2\">精品好货即将开抢！</text>\r\n\t\t\t\t\t\t\t<text v-if=\"ls.status == 0\">本场已结束，下次早点来哦！</text>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t<view class=\"title-box-right flex\">\r\n\t\t\t\t\t\t\t<text class=\"tip\" v-if=\"ls.status == 1\">距离结束</text>\r\n\t\t\t\t\t\t\t<text class=\"tip\" v-if=\"ls.status == 2\">距离开始</text>\r\n\t\t\t\t\t\t\t<uni-countdown\r\n\t\t\t\t\t\t\t\tcolor=\"#F9F9F8\"\r\n\t\t\t\t\t\t\t\tbackground-color=\"#666666\"\r\n\t\t\t\t\t\t\t\tv-if=\"ls.status == 1 || ls.status == 2\"\r\n\t\t\t\t\t\t\t\t:show-day=\"false\"\r\n\t\t\t\t\t\t\t\t:hour=\"ls.stopTimeH\"\r\n\t\t\t\t\t\t\t\t:minute=\"ls.stopTimeM\"\r\n\t\t\t\t\t\t\t\t:second=\"ls.stopTimeS\"\r\n\t\t\t\t\t\t\t></uni-countdown>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<scroll-view scroll-y=\"true\" class=\"list\" @scrolltolower=\"getList(classIndex)\">\r\n\t\t\t\t\t<view class=\"goodsList-item flex\" :key=\"ind\" v-for=\"(lss, ind) in ls.dataList\">\r\n\t\t\t\t\t\t<image :src=\"lss.image\" lazy-load mode=\"scaleToFill\"></image>\r\n\t\t\t\t\t\t<view class=\"goodsList-content\">\r\n\t\t\t\t\t\t\t<view class=\"title clamp\">\r\n\t\t\t\t\t\t\t\t<text>{{ lss.title }}</text>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t<view class=\"slider flex\">\r\n\t\t\t\t\t\t\t\t<view class=\"slider-box\"><view class=\"slider-action\" :style=\"{ width: lss.percent + '%' }\"></view></view>\r\n\t\t\t\t\t\t\t\t<view class=\"sales-nub\">已抢{{ lss.percent + '%' }}</view>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t<view class=\"goods-money flex\">\r\n\t\t\t\t\t\t\t\t<view class=\"money-box\">\r\n\t\t\t\t\t\t\t\t\t<view class=\"money\">\r\n\t\t\t\t\t\t\t\t\t\t<text class=\"font-size-sm\">￥</text>\r\n\t\t\t\t\t\t\t\t\t\t{{ lss.price }}\r\n\t\t\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t\t\t<view class=\"otMoney-box\">\r\n\t\t\t\t\t\t\t\t\t\t<text class=\"otMoney\">￥{{ lss.ot_price }}</text>\r\n\t\t\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t\t<view @click=\"navProduct(ls, ind)\" class=\"cart\" :class=\"{ 'seckill-action': ls.status == 1 }\">\r\n\t\t\t\t\t\t\t\t\t{{ ls.status == 1 ? '去抢购' : ls.status == 2 ? '未开始' : '已结束' }}\r\n\t\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<uni-load-more :status=\"ls.loadingType\"></uni-load-more>\r\n\t\t\t\t</scroll-view>\r\n\t\t\t</swiper-item>\r\n\t\t</swiper>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\nimport { getSeckillList, getSeckillClass } from '@/api/product.js';\r\nimport uniCountdown from '@/components/uni-countdown/uni-countdown.vue';\r\nimport uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';\r\nimport { timeComputed } from '@/utils/rocessor.js';\r\nexport default {\r\n\tcomponents: {\r\n\t\tuniCountdown,\r\n\t\tuniLoadMore\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tindexList: [], //分类列表\r\n\t\t\tshowTime: '', //显示的时间\r\n\t\t\tshowTImeId: '', //显示时间id用于查询数据\r\n\t\t\t// 判断是否所有活动已经结束\r\n\t\t\tstop: false, //活动是否已经结束\r\n\t\t\tshow: false, //是否显示活动\r\n\t\t\tstatus: 0, //获取状态值1为有活动开始中 2为活动未开始 0为活动已经结束\r\n\t\t\ttopNavWidth: '25%', //设置导航默认宽度\r\n\t\t\tclassIndex: 0, //当前进行中的活动\r\n\t\t\titemWidht: 0 //顶部分类宽度\r\n\t\t};\r\n\t},\r\n\tcomputed: {\r\n\t\t// 计算左侧距离\r\n\t\tscrollLeft() {\r\n\t\t\tif (this.classIndex > 1) {\r\n\t\t\t\treturn this.itemWidht * (this.classIndex - 1.5);\r\n\t\t\t} else {\r\n\t\t\t\treturn 0;\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tonLoad: function(e) {\r\n\t\t// 载入分类\r\n\t\tthis.getClass();\r\n\t},\r\n\tmethods: {\r\n\t\t//抢购时间切换时触发效果\r\n\t\tswiperChange(e) {\r\n\t\t\tthis.classIndex = e.target.current;\r\n\t\t\tthis.getList(this.classIndex, 'tabChange');\r\n\t\t},\r\n\t\t// 获取项目宽度\r\n\t\tnumClassWidht() {\r\n\t\t\tuni.createSelectorQuery()\r\n\t\t\t\t.select('.seckillBox')\r\n\t\t\t\t.fields(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsize: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\tdata => {\r\n\t\t\t\t\t\t// 设置项目宽度\r\n\t\t\t\t\t\tthis.itemWidht = Math.floor((data.width / 750) * 187.5);\r\n\t\t\t\t\t}\r\n\t\t\t\t)\r\n\t\t\t\t.exec();\r\n\t\t},\r\n\t\t// 切换当前选中的秒杀活动\r\n\t\ttabClass(ind) {\r\n\t\t\t// 保存当前选中的对象\r\n\t\t\tthis.classIndex = ind;\r\n\t\t},\r\n\t\t// 跳转到商品详情\r\n\t\tnavProduct(ls, ind) {\r\n\t\t\tif (ls.status == 1) {\r\n\t\t\t\tlet data = ls.dataList[ind];\r\n\r\n\t\t\t\tuni.navigateTo({\r\n\t\t\t\t\turl: '/pages/product/product?id=' + data.id + '&type=1'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 获取商品\r\n\t\tgetList(ind, source) {\r\n\t\t\t// 获取数据对象\r\n\t\t\tlet date = this.indexList[ind];\r\n\t\t\tconsole.log(date, source);\r\n\t\t\tif (source === 'tabChange' && date.loaded === true) {\r\n\t\t\t\t//tab切换只有第一次需要加载数据\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (date.loadingType === 'noMore') {\r\n\t\t\t\t//防止重复加载\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (date.loadingType === 'loading') {\r\n\t\t\t\t//防止重复加载\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\t// 修改当前对象状态为加载中\r\n\t\t\tdate.loadingType = 'loading';\r\n\t\t\tgetSeckillList(\r\n\t\t\t\t{\r\n\t\t\t\t\tpage: date.page,\r\n\t\t\t\t\tlimit: date.limit\r\n\t\t\t\t},\r\n\t\t\t\tdate.id\r\n\t\t\t)\r\n\t\t\t\t.then(e => {\r\n\t\t\t\t\tdate.dataList.push(...e.data);\r\n\t\t\t\t\t// 查询翻页增加\r\n\t\t\t\t\tdate.page++;\r\n\t\t\t\t\t// 判断是否可以继续加载\r\n\t\t\t\t\tif (date.limit == e.data.length) {\r\n\t\t\t\t\t\tdate.loadingType = 'more';\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tdate.loadingType = 'noMore';\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// 设置当前数据已加载完毕\r\n\t\t\t\t\tthis.$set(date, 'loaded', true);\r\n\t\t\t\t})\r\n\t\t\t\t.catch(e => {\r\n\t\t\t\t\tconsole.log(e);\r\n\t\t\t\t});\r\n\t\t},\r\n\t\t// 获取秒杀时间段\r\n\t\tgetClass() {\r\n\t\t\tlet obj = this;\r\n\t\t\tgetSeckillClass({})\r\n\t\t\t\t.then(({ data }) => {\r\n\t\t\t\t\tobj.indexList = data.seckillTime.map((e, ind) => {\r\n\t\t\t\t\t\t// 初始化翻页页数\r\n\t\t\t\t\t\te.page = 1;\r\n\t\t\t\t\t\t// 初始每次加载的数据条数\r\n\t\t\t\t\t\te.limit = 6;\r\n\t\t\t\t\t\t// 创建储存订单数据\r\n\t\t\t\t\t\te.dataList = [];\r\n\t\t\t\t\t\t// 初始化加载\r\n\t\t\t\t\t\te.loadingType = 'more';\r\n\t\t\t\t\t\tlet ar = e;\r\n\t\t\t\t\t\t// 判断是否为进行中的活动\r\n\t\t\t\t\t\tif (ar.status === 1) {\r\n\t\t\t\t\t\t\t// 计算倒计时时间\r\n\t\t\t\t\t\t\tobj.timeComputed(ar.stop * 1000, ar);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t// 获取距离开始还需要多少时间\r\n\t\t\t\t\t\t\tlet arTime = ar.time.split(':');\r\n\t\t\t\t\t\t\tlet h = arTime[0];\r\n\t\t\t\t\t\t\tlet m = arTime[1];\r\n\t\t\t\t\t\t\tlet time = new Date();\r\n\t\t\t\t\t\t\t// 设置时间\r\n\t\t\t\t\t\t\ttime.setHours(h, m, 0);\r\n\t\t\t\t\t\t\t// 计算倒计时时间\r\n\t\t\t\t\t\t\tobj.timeComputed(time.getTime(), ar);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn e;\r\n\t\t\t\t\t});\r\n\t\t\t\t\t// 获取当前活动中的下标值\r\n\t\t\t\t\tobj.classIndex = data.seckillTimeIndex;\r\n\t\t\t\t\t// 获取当前显示中对象的数据\r\n\t\t\t\t\tobj.$nextTick(() => {\r\n\t\t\t\t\t\tobj.getList(obj.classIndex);\r\n\t\t\t\t\t});\r\n\t\t\t\t\tif (obj.indexList.length <= 4) {\r\n\t\t\t\t\t\t// 当数量小于等于4的时候自适应宽度\r\n\t\t\t\t\t\tobj.topNavWidth = 100 / obj.indexList.length + '%';\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// 页面渲染完毕后加载scroll-view左侧距离\r\n\t\t\t\t\t\tobj.$nextTick(() => {\r\n\t\t\t\t\t\t\tobj.numClassWidht();\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(e => {\r\n\t\t\t\t\tconsole.log(e);\r\n\t\t\t\t});\r\n\t\t},\r\n\t\t// 计算倒计时时间\r\n\t\ttimeComputed(da, ar) {\r\n\t\t\tlet obj = this;\r\n\t\t\t// 计算时间，保存需要多少时间到期\r\n\t\t\tlet stopTime = timeComputed(da);\r\n\t\t\tconsole.log(stopTime);\r\n\t\t\tar.stopTimeH = stopTime.hours;\r\n\t\t\tar.stopTimeM = stopTime.minutes;\r\n\t\t\tar.stopTimeS = stopTime.seconds;\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\npage,\r\n.seckillBox {\r\n\tmin-height: 100%;\r\n\theight: 100%;\r\n}\r\n// 头部时间段样式\r\n.class-box {\r\n\twhite-space: nowrap;\r\n\theight: 60px;\r\n\t.item {\r\n\t\ttext-align: center;\r\n\t\tdisplay: inline-block;\r\n\t\tcolor: $font-color-base;\r\n\t\tpadding: 11.5px 5px;\r\n\t\tbackground-color: #ffffff;\r\n\t\tline-height: 1;\r\n\t\t.time {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tpadding-bottom: 3px;\r\n\t\t\t&.action {\r\n\t\t\t\tcolor: $color-red;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.status {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\twidth: 60px;\r\n\t\t\tpadding: 3px 0;\r\n\t\t\t&.action {\r\n\t\t\t\tcolor: #ffffff;\r\n\t\t\t\tborder-radius: 99px;\r\n\t\t\t\tbackground-color: $color-red;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n// 列表上方标题样式\r\n.title-box {\r\n\tmargin-top: 10px;\r\n\tpadding: 10px;\r\n\tbackground-color: #ffffff;\r\n\t.title-box-left {\r\n\t\tfont-size: 15px;\r\n\t\tcolor: $font-color-base;\r\n\t}\r\n\t.title-box-right {\r\n\t\t.tip {\r\n\t\t\tfont-size: 15px;\r\n\t\t\tcolor: #999999;\r\n\t\t\tpadding-right: 5px;\r\n\t\t}\r\n\r\n\t\t/deep/ .uni-countdown__number {\r\n\t\t\tborder-radius: 3px;\r\n\t\t\twidth: 22px;\r\n\t\t}\r\n\t\t/deep/ .uni-countdown__splitor,\r\n\t\t/deep/ .uni-countdown__number {\r\n\t\t\theight: 20px;\r\n\t\t\tline-height: 18px;\r\n\t\t}\r\n\t}\r\n}\r\n// 列表样式\r\n.list-Box {\r\n\theight: calc(100% - 60px);\r\n\t.list {\r\n\t\theight: calc(100% - 55px);\r\n\t}\r\n}\r\n// 商品列表\r\n$slider-color: #fe9398; //滑块左侧颜色\r\n.goodsList-item {\r\n\tbackground-color: #ffffff;\r\n\tpadding: 30rpx;\r\n\tborder-bottom: 1px solid $border-color-light;\r\n\timage {\r\n\t\tflex-shrink: 0;\r\n\t\tborder-radius: $border-radius-sm;\r\n\t\theight: 180rpx;\r\n\t\twidth: 180rpx;\r\n\t}\r\n\t.slider {\r\n\t\tmargin-top: 15rpx;\r\n\t\tjustify-content: flex-start;\r\n\t\t.slider-box {\r\n\t\t\twidth: 196rpx;\r\n\t\t\tborder-radius: 99px;\r\n\t\t\tborder: 1px solid $slider-color;\r\n\t\t\theight: 16rpx;\r\n\t\t\t.slider-action {\r\n\t\t\t\tbackground-color: $slider-color;\r\n\t\t\t\theight: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.sales-nub {\r\n\t\t\tcolor: $font-color-light;\r\n\t\t\tfont-size: 24rpx;\r\n\t\t\tpadding-left: 20rpx;\r\n\t\t}\r\n\t}\r\n\t.goodsList-content {\r\n\t\tmargin-left: 20rpx;\r\n\t\tflex-grow: 1;\r\n\t\theight: 180rpx;\r\n\t\tposition: relative;\r\n\t\t.title {\r\n\t\t\tfont-size: $font-base;\r\n\t\t\tcolor: $font-color-dark;\r\n\t\t\tfont-weight: 500;\r\n\t\t\twidth: 0;\r\n\t\t\tmin-width: 100%;\r\n\t\t}\r\n\t\t.goods-money {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\t.money-box {\r\n\t\t\t\t.money {\r\n\t\t\t\t\tfont-size: $font-lg + 10rpx;\r\n\t\t\t\t\tcolor: $color-red;\r\n\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t}\r\n\t\t\t\t.otMoney-box {\r\n\t\t\t\t\tfont-size: $font-sm;\r\n\t\t\t\t\t.otMoney {\r\n\t\t\t\t\t\tcolor: $font-color-light;\r\n\t\t\t\t\t\tpadding-right: 20rpx;\r\n\t\t\t\t\t\ttext-decoration: line-through;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.sales {\r\n\t\t\t\t\t\tcolor: $font-color-light;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.cart {\r\n\t\t\t\tfont-size: $font-base;\r\n\t\t\t\tborder-radius: 99px;\r\n\t\t\t\tpadding: 15rpx 30rpx;\r\n\t\t\t\tline-height: 1;\r\n\t\t\t\tcolor: #ffffff;\r\n\t\t\t\tbackground-color: $color-gray;\r\n\t\t\t\t&.seckill-action {\r\n\t\t\t\t\tborder: 1px solid $color-red;\r\n\t\t\t\t\tbackground-color: $color-red;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n</style>\r\n","import mod from \"-!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./seckill.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\work\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./seckill.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1618025083967\n var cssReload = require(\"D:/work/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""}
|
