You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
12 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/home/Home.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/home/Home.vue","mtime":1619960248388},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBOYXZCYXIgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9uYXZiYXIvTmF2QmFyIjsKaW1wb3J0IHNjcm9sbCBmcm9tICJAL2NvbXBvbmVudHMvY29tbW9uL1Njcm9sbC9uZXdTY3JvbGwiOwppbXBvcnQgVGFiQ29udHJvbCBmcm9tICJAL2NvbXBvbmVudHMvY29udGVudC90YWJDb250cm9sL1RhYkNvbnRyb2wiOwppbXBvcnQgR29vZHNMaXN0IGZyb20gIkAvY29tcG9uZW50cy9jb250ZW50L2dvb2RzL0dvb2RzTGlzdCI7CmltcG9ydCBHb29kc0xpc3RJdGVtIGZyb20gIkAvY29tcG9uZW50cy9jb250ZW50L2dvb2RzL0dvb2RzTGlzdEl0ZW0iOwppbXBvcnQgYmFja1RvcCBmcm9tICJAL2NvbXBvbmVudHMvY29udGVudC9iYWNrVG9wL2JhY2tUb3AiOwoKaW1wb3J0IEhvbWVTd2lwZXIgZnJvbSAiLi9jaGlsZENvbXBzL0hvbWVTd2lwZXIiOwppbXBvcnQgSG9tZVJlY29tbWVuZFZpZXcgZnJvbSAiLi9jaGlsZENvbXBzL0hvbWVSZWNvbW1lbmRWaWV3IjsKaW1wb3J0IEhvbWVmZWF0dXJlVmlldyBmcm9tICIuL2NoaWxkQ29tcHMvSG9tZWZlYXR1cmVWaWV3IjsKCmltcG9ydCB7IGdldEhvbWVHb29kcyB9IGZyb20gIkAvbmV0d29yay9ob21lIjsKaW1wb3J0IHsgaXRlbUxpc3RlbmVyTWl4aW4sIGJhY2tUb3BNaXhpbiB9IGZyb20gIkAvY29tbW9uL21peGluIjsKaW1wb3J0IHsgQmFubmVyc2RhdGEgfSBmcm9tICJAL2NvbW1vbi9sb2NhbGRhdGEuanMiOwoKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiSG9tZSIsCiAgY29tcG9uZW50czogewogICAgTmF2QmFyLAogICAgc2Nyb2xsLAogICAgVGFiQ29udHJvbCwKICAgIEdvb2RzTGlzdCwKICAgIEdvb2RzTGlzdEl0ZW0sCiAgICBiYWNrVG9wLAoKICAgIEhvbWVTd2lwZXIsCiAgICBIb21lUmVjb21tZW5kVmlldywKICAgIEhvbWVmZWF0dXJlVmlldwogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGJhbm5lcnM6IFtdLAogICAgICByZWNvbW1lbmRzOiBbXSwKICAgICAgZ29vZHM6IHsKICAgICAgICBwb3A6IHsgcGFnZTogMCwgbGlzdDogW10gfSwKICAgICAgICBuZXc6IHsgcGFnZTogMCwgbGlzdDogW10gfSwKICAgICAgICBzZWxsOiB7IHBhZ2U6IDAsIGxpc3Q6IFtdIH0KICAgICAgfSwKICAgICAgY3VycmVudFR5cGU6ICJwb3AiLAogICAgICAvLyByZXN1bHQ6bnVsbAogICAgICBwdWxsaW5nZG93bjogZmFsc2UKICAgIH07CiAgfSwKICBtaXhpbnM6IFtpdGVtTGlzdGVuZXJNaXhpbiwgYmFja1RvcE1peGluXSwKICAvL+e7hOS7tuWKoOi9veWujOi/kOihjO+8jOeUn+WRveWRqOacn+WHveaVsERvbQogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmdldEhvbWVHb29kcygicG9wIik7CiAgICB0aGlzLmdldEhvbWVHb29kcygibmV3Iik7CiAgICB0aGlzLmdldEhvbWVHb29kcygic2VsbCIpOwogICAgdGhpcy5iYW5uZXJzID0gQmFubmVyc2RhdGEubGlzdDsKICB9LAogIG1vdW50ZWQoKSB7CiAgfSwKICBtZXRob2RzOiB7CiAgICBjaGF0KCl7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCcvZGV0YWlsY2hhdCcpOwogICAgICB0aGlzLiRidXMuJGVtaXQoJ2lzZW50ZXInKQogICAgfSwKICAgIHNjYW4oKXsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goJy9zY2FuJyk7CiAgICB9LAogICAgLy/llYblk4HnmoTliqDovb3mm7TlpJoKICAgIGdldEhvbWVHb29kcyh0eXBlKSB7CiAgICAgIGNvbnN0IHBhZ2UgPSB0aGlzLmdvb2RzW3R5cGVdLnBhZ2UgKyAxOwogICAgICBnZXRIb21lR29vZHModHlwZSwgcGFnZSkudGhlbihyZXMgPT4gewogICAgICAgIHRoaXMuZ29vZHNbdHlwZV0ubGlzdC5wdXNoKC4uLnJlcy5kYXRhLmRhdGEubGlzdCk7CiAgICAgICAgdGhpcy5nb29kc1t0eXBlXS5wYWdlICs9IDE7CiAgICAgICAgdGhpcy4kcmVmcy5zY3JvbGwuZmluaXNoUHVsbFVwKCk7CiAgICAgIH0pOwogICAgfSwKICAgIC8v5LqL5Lu255uR5ZCsCiAgICB0YWJDbGljayhpbmRleCkgewogICAgICBzd2l0Y2ggKGluZGV4KSB7CiAgICAgICAgY2FzZSAwOgogICAgICAgICAgdGhpcy5jdXJyZW50VHlwZSA9ICJwb3AiOwogICAgICAgICAgYnJlYWs7CiAgICAgICAgY2FzZSAxOgogICAgICAgICAgdGhpcy5jdXJyZW50VHlwZSA9ICJuZXciOwogICAgICAgICAgYnJlYWs7CiAgICAgICAgY2FzZSAyOgogICAgICAgICAgdGhpcy5jdXJyZW50VHlwZSA9ICJzZWxsIjsKICAgICAgICAgIGJyZWFrOwogICAgICB9CiAgICAgIC8v5LiJ56eN57G75Z6L55qE5YiH5o2iCiAgICAgIHRoaXMuJHJlZnMudGFiQ29udHJvbDEuY3VycmVudEluZGV4ID0gaW5kZXg7CiAgICAgIHRoaXMuJHJlZnMudGFiQ29udHJvbDIuY3VycmVudEluZGV4ID0gaW5kZXg7CiAgICB9LAogICAgLy/kuIrmi4nliqDovb3mm7TlpJoKICAgIGxvYWRNb3JlKCkgewogICAgICAvLyB0aGlzLmdldEhvbWVHb29kcyh0aGlzLmN1cnJlbnRUeXBlKQogICAgICB0aGlzLmdldEhvbWVHb29kcygicG9wIik7CiAgICAgIHRoaXMuZ2V0SG9tZUdvb2RzKCJuZXciKTsKICAgICAgdGhpcy5nZXRIb21lR29vZHMoInNlbGwiKTsKICAgICAgdGhpcy4kcmVmcy5zY3JvbGwucmVmcmVzaCgpOwogICAgfSwKICAgIC8v6L2u5pKt5Zu+55qE5YiH5o2iCiAgICBzd2lwZXJJbWFnZUxvYWQoKSB7CiAgICAgIHRoaXMudGFiT2Zmc2V0VG9wID0gdGhpcy4kcmVmcy50YWJDb250cm9sMi4kZWwub2Zmc2V0VG9wOwogICAgICB0aGlzLiRyZWZzLnNjcm9sbC5yZWZyZXNoKCk7CiAgICB9LAogICAgcHVsbGluZ0Rvd24oKSB7CiAgICAgIHRoaXMucHVsbGluZ2Rvd24gPSB0cnVlOwogICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICB0aGlzLnB1bGxpbmdkb3duID0gZmFsc2U7CiAgICAgICAgdGhpcy4kcmVmcy5zY3JvbGwuZmluaXNoUHVsbERvd24oKTsKICAgICAgfSwgMTAwMCk7CiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgc2hvd0dvb2RzKCkgewogICAgICByZXR1cm4gdGhpcy5nb29kc1t0aGlzLmN1cnJlbnRUeXBlXS5saXN0OwogICAgfQogICAgLy/liIfmjaLmnb/lnZfml7bvvIzlm57mnaXkv53lrZjlvZPliY3nmoTkvY3nva4KICB9LAogIGFjdGl2YXRlZCgpIHsKICAgIHRoaXMuJHJlZnMuc2Nyb2xsLnNjcm9sbFRvKDAsIHRoaXMuc2F2ZVksIDApOwogICAgdGhpcy4kcmVmcy5zY3JvbGwucmVmcmVzaCgpCiAgfSwKICBkZWFjdGl2YXRlZCgpIHsKICAgIHRoaXMuc2F2ZVkgPSB0aGlzLiRyZWZzLnNjcm9sbC5nZXRTY3JvbGxZKCk7CiAgICAvL+WIpOaWreW9k+WJjeWTquS4quWbvueJh+WKoOi9veebkeWQrAogICAgdGhpcy4kYnVzLiRvZmYoIml0ZW1JbWFnZUxvYWQiLCB0aGlzLml0ZW1JbWdMaXN0ZW5lcik7CiAgfQp9Owo="},{"version":3,"sources":["Home.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Home.vue","sourceRoot":"src/views/home","sourcesContent":["<template>\n <div class=\"home\">\n <NavBar class=\"nav-bar\">\n <div slot=\"left\" @click=\"chat\" class=\"chat\">\n <img src=\"@/assets/img/home/chat.svg\" alt=\"\">\n </div>\n <div slot=\"center\">交 酒</div>\n <div slot=\"right\" @click=\"scan\" class=\"scan\">\n <img src=\"@/assets/img/home/scan.svg\" alt=\"\">\n </div>\n </NavBar>\n <TabControl\n :titles=\"['白酒', '红酒', '洋酒']\"\n @tabClick=\"tabClick\"\n ref=\"tabControl1\"\n class=\"tab-control\"\n v-show=\"isTabFixed\"\n ></TabControl>\n <scroll\n class=\"content\"\n ref=\"scroll\"\n :probe-type=\"3\"\n :pull-up-load=\"true\"\n @pullingUp=\"loadMore\"\n @pullingDown=\"pullingDown\"\n @scrollw=\"contentScoll\"\n >\n <home-swiper\n :banners=\"banners\"\n @swiperImageLoad=\"swiperImageLoad\"\n ></home-swiper>\n <HomefeatureView @swiperImageLoad=\"swiperImageLoad\"></HomefeatureView>\n <home-recommend-view\n @swiperImageLoad=\"swiperImageLoad\"\n ></home-recommend-view>\n <TabControl\n :titles=\"['白酒', '红酒', '洋酒']\"\n @tabClick=\"tabClick\"\n ref=\"tabControl2\"\n class=\"tab-control\"\n ></TabControl>\n <GoodsList :goods=\"showGoods\"></GoodsList>\n </scroll>\n <back-top @click.native=\"backClick\" v-show=\"isShowBackTop\" />\n </div>\n</template>\n\n<script>\nimport NavBar from \"@/components/common/navbar/NavBar\";\nimport scroll from \"@/components/common/Scroll/newScroll\";\nimport TabControl from \"@/components/content/tabControl/TabControl\";\nimport GoodsList from \"@/components/content/goods/GoodsList\";\nimport GoodsListItem from \"@/components/content/goods/GoodsListItem\";\nimport backTop from \"@/components/content/backTop/backTop\";\n\nimport HomeSwiper from \"./childComps/HomeSwiper\";\nimport HomeRecommendView from \"./childComps/HomeRecommendView\";\nimport HomefeatureView from \"./childComps/HomefeatureView\";\n\nimport { getHomeGoods } from \"@/network/home\";\nimport { itemListenerMixin, backTopMixin } from \"@/common/mixin\";\nimport { Bannersdata } from \"@/common/localdata.js\";\n\n\nexport default {\n name: \"Home\",\n components: {\n NavBar,\n scroll,\n TabControl,\n GoodsList,\n GoodsListItem,\n backTop,\n\n HomeSwiper,\n HomeRecommendView,\n HomefeatureView\n },\n data() {\n return {\n banners: [],\n recommends: [],\n goods: {\n pop: { page: 0, list: [] },\n new: { page: 0, list: [] },\n sell: { page: 0, list: [] }\n },\n currentType: \"pop\",\n // result:null\n pullingdown: false\n };\n },\n mixins: [itemListenerMixin, backTopMixin],\n //组件加载完运行生命周期函数Dom\n created() {\n this.getHomeGoods(\"pop\");\n this.getHomeGoods(\"new\");\n this.getHomeGoods(\"sell\");\n this.banners = Bannersdata.list;\n },\n mounted() {\n },\n methods: {\n chat(){\n this.$router.push('/detailchat');\n this.$bus.$emit('isenter')\n },\n scan(){\n this.$router.push('/scan');\n },\n //商品的加载更多\n getHomeGoods(type) {\n const page = this.goods[type].page + 1;\n getHomeGoods(type, page).then(res => {\n this.goods[type].list.push(...res.data.data.list);\n this.goods[type].page += 1;\n this.$refs.scroll.finishPullUp();\n });\n },\n //事件监听\n tabClick(index) {\n switch (index) {\n case 0:\n this.currentType = \"pop\";\n break;\n case 1:\n this.currentType = \"new\";\n break;\n case 2:\n this.currentType = \"sell\";\n break;\n }\n //三种类型的切换\n this.$refs.tabControl1.currentIndex = index;\n this.$refs.tabControl2.currentIndex = index;\n },\n //上拉加载更多\n loadMore() {\n // this.getHomeGoods(this.currentType)\n this.getHomeGoods(\"pop\");\n this.getHomeGoods(\"new\");\n this.getHomeGoods(\"sell\");\n this.$refs.scroll.refresh();\n },\n //轮播图的切换\n swiperImageLoad() {\n this.tabOffsetTop = this.$refs.tabControl2.$el.offsetTop;\n this.$refs.scroll.refresh();\n },\n pullingDown() {\n this.pullingdown = true;\n setTimeout(() => {\n this.pullingdown = false;\n this.$refs.scroll.finishPullDown();\n }, 1000);\n }\n },\n computed: {\n showGoods() {\n return this.goods[this.currentType].list;\n }\n //切换板块时,回来保存当前的位置\n },\n activated() {\n this.$refs.scroll.scrollTo(0, this.saveY, 0);\n this.$refs.scroll.refresh()\n },\n deactivated() {\n this.saveY = this.$refs.scroll.getScrollY();\n //判断当前哪个图片加载监听\n this.$bus.$off(\"itemImageLoad\", this.itemImgListener);\n }\n};\n</script>\n\n<style scoped>\n.home {\n height: 100vh;\n position: relative;\n}\n.nav-bar {\n background-color: #df3832;\n color: #fff;\n /*font-weight: 700;*/\n /*position: fixed;*/\n /*left: 0;*/\n /*right: 0;*/\n /*top:0;*/\n /*z-index: 9;*/\n}\n.content {\n left: 0;\n right: 0;\n top: 44px;\n bottom: 44px;\n overflow: hidden;\n position: absolute;\n}\n/*.content{*/\n/* height:calc(100% - 93px);*/\n/* overflow: hidden;*/\n/* margin-top: 44px;*/\n/*}*/\n.tab-control {\n position: relative;\n z-index: 24;\n}\n.pulldown {\n color: black;\n text-align: center;\n top: 30px;\n z-index: 100;\n font-size: 10px;\n color: rgb(150, 138, 138);\n}\n.scan{\n position: relative;\n top:8px;\n}\n.chat{\n position: relative;\n top:8px;\n}\n</style>\n"]}]}