{"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=style&index=0&id=13681f58&scoped=true&lang=css&","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/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouaG9tZSB7CiAgaGVpZ2h0OiAxMDB2aDsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLm5hdi1iYXIgewogIGJhY2tncm91bmQtY29sb3I6ICNkZjM4MzI7CiAgY29sb3I6ICNmZmY7CiAgLypmb250LXdlaWdodDogNzAwOyovCiAgLypwb3NpdGlvbjogZml4ZWQ7Ki8KICAvKmxlZnQ6IDA7Ki8KICAvKnJpZ2h0OiAwOyovCiAgLyp0b3A6MDsqLwogIC8qei1pbmRleDogOTsqLwp9Ci5jb250ZW50IHsKICBsZWZ0OiAwOwogIHJpZ2h0OiAwOwogIHRvcDogNDRweDsKICBib3R0b206IDQ0cHg7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBwb3NpdGlvbjogYWJzb2x1dGU7Cn0KLyouY29udGVudHsqLwovKiAgaGVpZ2h0OmNhbGMoMTAwJSAtIDkzcHgpOyovCi8qICBvdmVyZmxvdzogaGlkZGVuOyovCi8qICBtYXJnaW4tdG9wOiA0NHB4OyovCi8qfSovCi50YWItY29udHJvbCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHotaW5kZXg6IDI0Owp9Ci5wdWxsZG93biB7CiAgY29sb3I6IGJsYWNrOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICB0b3A6IDMwcHg7CiAgei1pbmRleDogMTAwOwogIGZvbnQtc2l6ZTogMTBweDsKICBjb2xvcjogcmdiKDE1MCwgMTM4LCAxMzgpOwp9Ci5zY2FuewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB0b3A6OHB4Owp9Ci5jaGF0ewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB0b3A6OHB4Owp9Cg=="},{"version":3,"sources":["Home.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgLA;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"]}]}