{"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":1616399675162},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCgppbXBvcnQgTmF2QmFyIGZyb20gIkAvY29tcG9uZW50cy9jb21tb24vbmF2YmFyL05hdkJhciI7CmltcG9ydCBTZWFyY2hMaXN0IGZyb20gIkAvdmlld3MvY2F0ZWdvcnkvY2hpbGRDb21wcy9TZWFyY2hMaXN0LnZ1ZSIKCmV4cG9ydCBkZWZhdWx0IHsKIG5hbWU6ICJDYXRlZ29yeSIsCiBjb21wb25lbnRzOnsKICAgTmF2QmFyLAogICBTZWFyY2hMaXN0CiB9LAogLy8gIG1peGluczpbdGFiQ29udHJvbE1peGluLGl0ZW1MaXN0ZW5lck1peGluXSwKIGRhdGEoKXsKICAgcmV0dXJuewogICAgIGNhdGVnb3J5RGF0YTp7CiAgICAgfSwKICAgICBjdXJyZW50SW5kZXg6LTEsCiAgICAgY2F0ZWdvcmllczpbXSwKICAgICBzYXZlWTowLAogICAgIGxpc3Q6W10sCiAgICAgaXNleGl0OnRydWUsCiAgICAgc3VibWl0ZGF0YTp7CiAgICAgICBrZXk6JycKICAgICB9LAogICAgIGxpc3RleGl0OnRydWUKICAgfQogfSwKICBjb21wdXRlZDp7CgogIH0sCiBtZXRob2RzOnsKICAgLy/nm5HlkKzplK7nm5jovpPlhaUKICAgaW5wdXRGdW5jKCl7CiAgICAgdmFyIGRhdGE9ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInRleHQiKS52YWx1ZTsKICAgICBpZihkYXRhPT0nJyl7CiAgICAgICB0aGlzLmlzZXhpdD10cnVlOwogICAgICAgdGhpcy5zdWJtaXRkYXRhLmtleT0nJzsKICAgICB9CiAgIH0sCgogIGFjdGl2YXRlZCgpewogICAgdGhpcy4kcmVmcy5zY3JvbGwucmVmcmVzaCgpCiAgICB0aGlzLiRyZWZzLnNjcm9sbC5zY3JvbGxUbygwLHRoaXMuc2F2ZVksMCkKICB9LAogIGRlYWN0aXZhdGVkKCl7CiAgICB0aGlzLnNhdmVZID0gdGhpcy4kcmVmcy5zY3JvbGwuZ2V0U2Nyb2xsWSgpCiAgICAvL+WIpOaWreW9k+WJjeWTquS4quWbvueJh+WKoOi9veebkeWQrAogICAgdGhpcy4kYnVzLiRvZmYoJ2l0ZW1JbWdMb2FkJyx0aGlzLml0ZW1JbWdMaXN0ZW5lcikKICB9LAogIGFzeW5jIHN1Ym1pdGNvbnRlbnQoKXsKICAgIC8v6I635Y+WaW5wdXTkuK3nmoTlgLwKICAgdGhpcy5zdWJtaXRkYXRhLmtleT1kb2N1bWVudC5nZXRFbGVtZW50QnlJZCgidGV4dCIpLnZhbHVlOy8vIOi+k+WHuuWAvAogICAgaWYodGhpcy5zdWJtaXRkYXRhLmtleT09PScnKXsKICAgIH1lbHNlewogICAgIHRyeXsKICAgICBjb25zdCByZXM9YXdhaXQgdGhpcy4kaHR0cC5wb3N0KCcvc2VhcmNoL2dldGRhdGEnLHRoaXMuc3VibWl0ZGF0YSkKICAgICB0aGlzLmxpc3Q9cmVzLmRhdGEKICAgICB0aGlzLmlzZXhpdD1mYWxzZQogICAgIGlmKHRoaXMubGlzdC5sZW5ndGg9PTApewogICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCflj6/lsJ3or5XlhbPplK7or43phZLjgIHmtIvphZLjgIHnmb3phZLnrYknKQogICAgIH0KICAgICB9Y2F0Y2goZXJyKXsKICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygn5pCc57Si5aSx6LSlJykKICAgICB9CiAgICB9CiAgfSwKIH0KfQo="},{"version":3,"sources":["Category.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;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","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元\" v-on:input =\"inputFunc\" value=\"\"/>\n          <input type=\"button\" class=\"btn\"  @click=\"submitcontent()\" value=\"搜索\"/>\n    </div>\n    </div>\n    <div class=\"item-categoty\" v-if=\"this.isexit\">\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    <SearchList :list=this.list v-if=\"!this.isexit\"></SearchList>\n  </div>\n</template>\n\n<script>\n\n import NavBar from \"@/components/common/navbar/NavBar\";\n import SearchList from \"@/views/category/childComps/SearchList.vue\"\n\n export default {\n  name: \"Category\",\n  components:{\n    NavBar,\n    SearchList\n  },\n  //  mixins:[tabControlMixin,itemListenerMixin],\n  data(){\n    return{\n      categoryData:{\n      },\n      currentIndex:-1,\n      categories:[],\n      saveY:0,\n      list:[],\n      isexit:true,\n      submitdata:{\n        key:''\n      },\n      listexit:true\n    }\n  },\n   computed:{\n\n   },\n  methods:{\n    //监听键盘输入\n    inputFunc(){\n      var data=document.getElementById(\"text\").value;\n      if(data==''){\n        this.isexit=true;\n        this.submitdata.key='';\n      }\n    },\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   async submitcontent(){\n     //获取input中的值\n    this.submitdata.key=document.getElementById(\"text\").value;// 输出值\n     if(this.submitdata.key===''){\n     }else{\n      try{\n      const res=await this.$http.post('/search/getdata',this.submitdata)\n      this.list=res.data\n      this.isexit=false\n      if(this.list.length==0){\n        this.$message.success('可尝试关键词酒、洋酒、白酒等')\n      }\n      }catch(err){\n        this.$message.success('搜索失败')\n      }\n     }\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\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 .btn{\n    display: inline-block;\n    cursor: pointer;\n    line-height: 32px;\n    height: 32px;\n    width: 30px;\n    position: absolute;\n    right: 10px;\n    color: #333;\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.headSearch .searchInput input:focus{\n  background-color: #ececec;;\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"]}]}