{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/Category.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/Category.vue","mtime":1615967613992},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCgppbXBvcnQgTmF2QmFyIGZyb20gIkAvY29tcG9uZW50cy9jb21tb24vbmF2YmFyL05hdkJhciI7CgpleHBvcnQgZGVmYXVsdCB7CiBuYW1lOiAiQ2F0ZWdvcnkiLAogY29tcG9uZW50czp7CiAgIE5hdkJhcgogfSwKIC8vICBtaXhpbnM6W3RhYkNvbnRyb2xNaXhpbixpdGVtTGlzdGVuZXJNaXhpbl0sCiBkYXRhKCl7CiAgIHJldHVybnsKICAgICBjYXRlZ29yeURhdGE6ewogICAgIH0sCiAgICAgY3VycmVudEluZGV4Oi0xLAogICAgIGNhdGVnb3JpZXM6W10sCiAgICAgc2F2ZVk6MCwKICAgfQogfSwKIGNyZWF0ZWQoKSB7CiAgCiB9LAogIGNvbXB1dGVkOnsKCiAgfSwKIG1ldGhvZHM6ewoKICBhY3RpdmF0ZWQoKXsKICAgIHRoaXMuJHJlZnMuc2Nyb2xsLnJlZnJlc2goKQogICAgdGhpcy4kcmVmcy5zY3JvbGwuc2Nyb2xsVG8oMCx0aGlzLnNhdmVZLDApCiAgfSwKICBkZWFjdGl2YXRlZCgpewogICAgdGhpcy5zYXZlWSA9IHRoaXMuJHJlZnMuc2Nyb2xsLmdldFNjcm9sbFkoKQogICAgLy/liKTmlq3lvZPliY3lk6rkuKrlm77niYfliqDovb3nm5HlkKwKICAgIHRoaXMuJGJ1cy4kb2ZmKCdpdGVtSW1nTG9hZCcsdGhpcy5pdGVtSW1nTGlzdGVuZXIpCiAgfQogfQp9Cg=="},{"version":3,"sources":["Category.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Category.vue","sourceRoot":"src/views/category","sourcesContent":["<template>\n  <div id=\"category\" >\n    <NavBar class=\"nav-bar\"><div slot=\"center\">选酒</div></NavBar>\n    <div class=\"headSearch\">\n      <div class=\"searchInput\">\n        <label for=\"text\"></label>\n        <Input type=\"text\" id=\"text\" placeholder=\"浓香特卖  专区下单立减100元\"></Input>\n    </div>\n    </div>\n    <div class=\"item-categoty\">\n      <div><i class=\"item1\"></i><span>白酒</span></div>\n      <div><i class=\"item2\"></i><span>葡萄酒</span></div>\n      <div><i class=\"item3\"></i><span>洋酒</span></div>\n      <div><i class=\"item4\"></i><span>整箱购</span></div>\n      <div><i class=\"item5\"></i><span>老酒</span></div>\n      <div><i class=\"item6\"></i><span>清仓特卖</span></div>\n      <div><i class=\"item7\"></i><span>海外直采</span></div>\n      <div><i class=\"item8\"></i><span>精美大坛</span></div>\n      <div><i class=\"item9\"></i><span>红酒整箱</span></div>\n      <div><i class=\"item10\"></i><span>值得买</span></div>\n      <div><i class=\"item11\"></i><span>销量排行</span></div>\n      <div><i class=\"item12\"></i><span>礼尚往来</span></div>\n    </div>\n  </div>\n</template>\n\n<script>\n\n import NavBar from \"@/components/common/navbar/NavBar\";\n\n export default {\n  name: \"Category\",\n  components:{\n    NavBar\n  },\n  //  mixins:[tabControlMixin,itemListenerMixin],\n  data(){\n    return{\n      categoryData:{\n      },\n      currentIndex:-1,\n      categories:[],\n      saveY:0,\n    }\n  },\n  created() {\n   \n  },\n   computed:{\n\n   },\n  methods:{\n\n   activated(){\n     this.$refs.scroll.refresh()\n     this.$refs.scroll.scrollTo(0,this.saveY,0)\n   },\n   deactivated(){\n     this.saveY = this.$refs.scroll.getScrollY()\n     //判断当前哪个图片加载监听\n     this.$bus.$off('itemImgLoad',this.itemImgListener)\n   }\n  }\n }\n</script>\n\n<style scoped>\n\n.nav-bar{\n  background-color:#f53b57;\n  color: #fff;\n}\n\n.headSearch{\n    background-color: #fafafa;\n    position: relative;\n    z-index: 100;\n    overflow: hidden;\n    width: 100%;\n    height: 50px;\n    border-bottom: 1px solid #e4e4e4;\n}\n\n.headSearch .searchInput{\n    display: inline-block;\n    width: 90%;\n    position: relative;\n    left:50%;\n    transform: translate(-50%,-50%);\n    top: 50%;\n    text-align: center;\n    height: 32px;\n    font-size: 12px;\n    color: #333;\n    line-height: 28px;\n    border: none;\n    background-color: #ececec;;\n    border-radius: 5px;\n    padding: 0 30px;\n    box-sizing: border-box;\n    -webkit-box-sizing:border-box;\n}\n\n.headSearch .searchInput label{\n  display: inline-block;\n    background: url('../../assets/img/cartage/searchIcon.png') no-repeat;\n    background-size: 120px 40px;\n    cursor: pointer;\n    display: inline-block;\n    width: 12px;\n    height: 12px;\n    background-position: -41px -18px;\n    position: absolute;\n    left: 10px;\n    top: 10px;\n}\n\n.headSearch .searchInput input{\n    display: inline-block;\n    width: 100%;\n    position: relative;\n    transform: translate(0,-50%);\n    top: 50%;\n    height: 28px;\n    font-size: 12px;\n    color: #333;\n    line-height: 28px;\n    border: none;\n    background-color: #ececec;;\n    border-radius: 5px;\n    box-sizing: border-box;\n    -webkit-box-sizing:border-box;\n}\n\n.item-categoty{\n  display: flex;\n   flex-wrap:wrap;\n  height: 246px;\n  width: 100%;\n}\n\n\n.item-categoty div .item1{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png') no-repeat;\n}\n.item-categoty div .item2{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png') -84px 0 no-repeat;\n}\n.item-categoty div .item3{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png') -165px 0 no-repeat;\n}\n.item-categoty div .item4{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png') 0 -70px no-repeat;\n}\n.item-categoty div .item5{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png') -84px -70px no-repeat;\n}\n\n.item-categoty div .item6{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px; \n  background: url('../../assets/img/cartage/selectIcon0314.png') -165px -70px no-repeat;\n}\n.item-categoty div .item7{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png') 0 -140px no-repeat;\n}\n.item-categoty div .item8{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png')-84px -140px no-repeat;\n}\n.item-categoty div .item9{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png')-165px -140px no-repeat;\n}\n.item-categoty div .item10{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url('../../assets/img/cartage/selectIcon0314.png')0 -210px no-repeat;\n}\n.item-categoty div .item11{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background-position: 0 0;\n  background: url('../../assets/img/cartage/selectIcon0314.png') -84px -210px no-repeat;\n}\n.item-categoty div .item12{\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background-position: 0 0;\n  background: url('../../assets/img/cartage/selectIcon0314.png') -165px -210px no-repeat;\n}\n\n\n.item-categoty div span{\n  display: block;\n  text-align: center;\n  color: #333;\n  text-align: center;\n}\n\n\n.item-categoty div{\n  height: 81px;\n  width: 33.33333333%;\n  background-color: #fff;\n\n}\n</style>\n"]}]}