{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/bigbar-start/src/views/category/Category.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/src/views/category/Category.vue","mtime":1617424147925},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBOYXZCYXIgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9uYXZiYXIvTmF2QmFyIjsKaW1wb3J0IFNlYXJjaExpc3QgZnJvbSAiQC92aWV3cy9jYXRlZ29yeS9jaGlsZENvbXBzL1NlYXJjaExpc3QudnVlIjsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiQ2F0ZWdvcnkiLAogIGNvbXBvbmVudHM6IHsKICAgIE5hdkJhciwKICAgIFNlYXJjaExpc3QKICB9LAogIC8vICBtaXhpbnM6W3RhYkNvbnRyb2xNaXhpbixpdGVtTGlzdGVuZXJNaXhpbl0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNhdGVnb3J5RGF0YToge30sCiAgICAgIGN1cnJlbnRJbmRleDogLTEsCiAgICAgIGNhdGVnb3JpZXM6IFtdLAogICAgICBzYXZlWTogMCwKICAgICAgbGlzdDogW10sCiAgICAgIGlzZXhpdDogdHJ1ZSwKICAgICAgc3VibWl0ZGF0YTogewogICAgICAgIGtleTogIiIKICAgICAgfSwKICAgICAgbGlzdGV4aXQ6IHRydWUsCiAgICAgIGNsaWVudEhlaWdodDogZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodAogICAgfTsKICB9LAogIGNvbXB1dGVkOiB7fSwKICBtZXRob2RzOiB7CiAgICAvL+ebkeWQrOmUruebmOi+k+WFpQogICAgaW5wdXRGdW5jKCkgewogICAgICB2YXIgZGF0YSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJ0ZXh0IikudmFsdWU7CiAgICAgIGlmIChkYXRhID09ICIiKSB7CiAgICAgICAgdGhpcy5pc2V4aXQgPSB0cnVlOwogICAgICAgIHRoaXMuc3VibWl0ZGF0YS5rZXkgPSAiIjsKICAgICAgfQogICAgfSwKCiAgICBhY3RpdmF0ZWQoKSB7CiAgICAgIHRoaXMuJHJlZnMuc2Nyb2xsLnJlZnJlc2goKTsKICAgICAgdGhpcy4kcmVmcy5zY3JvbGwuc2Nyb2xsVG8oMCwgdGhpcy5zYXZlWSwgMCk7CiAgICB9LAogICAgZGVhY3RpdmF0ZWQoKSB7CiAgICAgIHRoaXMuc2F2ZVkgPSB0aGlzLiRyZWZzLnNjcm9sbC5nZXRTY3JvbGxZKCk7CiAgICAgIC8v5Yik5pat5b2T5YmN5ZOq5Liq5Zu+54mH5Yqg6L2955uR5ZCsCiAgICAgIHRoaXMuJGJ1cy4kb2ZmKCJpdGVtSW1nTG9hZCIsIHRoaXMuaXRlbUltZ0xpc3RlbmVyKTsKICAgIH0sCiAgICBhc3luYyBzdWJtaXRjb250ZW50KCkgewogICAgICAvL+iOt+WPlmlucHV05Lit55qE5YC8CiAgICAgIHRoaXMuc3VibWl0ZGF0YS5rZXkgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgidGV4dCIpLnZhbHVlOyAvLyDovpPlh7rlgLwKICAgICAgaWYgKHRoaXMuc3VibWl0ZGF0YS5rZXkgPT09ICIiKSB7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdHJ5IHsKICAgICAgICAgIGNvbnN0IHJlcyA9IGF3YWl0IHRoaXMuJGh0dHAucG9zdCgiL3NlYXJjaC9nZXRkYXRhIiwgdGhpcy5zdWJtaXRkYXRhKTsKICAgICAgICAgIHRoaXMubGlzdCA9IHJlcy5kYXRhOwogICAgICAgICAgdGhpcy5pc2V4aXQgPSBmYWxzZTsKICAgICAgICAgIGlmICh0aGlzLmxpc3QubGVuZ3RoID09IDApIHsKICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLlj6/lsJ3or5XlhbPplK7or43phZLjgIHmtIvphZLjgIHnmb3phZLnrYkiKTsKICAgICAgICAgIH0KICAgICAgICB9IGNhdGNoIChlcnIpIHsKICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygi5pCc57Si5aSx6LSlIik7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgfSwKICBtb3VudGVkKCkgewogICAgdmFyIG4gPSBuYXZpZ2F0b3IudXNlckFnZW50OwogICAgaWYgKG4uaW5kZXhPZigiaVBob25lIikgPD0gLTEpIHsKICAgICAgd2luZG93Lm9ucmVzaXplID0gKCkgPT4gewogICAgICAgIGlmIChsb2NhdGlvbi5wYXRobmFtZSA9PSAiL2NhdGVnb3J5IikgewogICAgICAgICAgaWYgKHRoaXMuY2xpZW50SGVpZ2h0ID4gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodCkgewogICAgICAgICAgICAvLyDpmpDol4/mjInpkq4KICAgICAgICAgICAgdGhpcy4kYnVzLiRlbWl0KCJpc1Nob3dUYWJiYXIiLCBmYWxzZSk7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICAvLyDmmL7npLrmjInpkq4KICAgICAgICAgICAgdGhpcy4kYnVzLiRlbWl0KCJpc1Nob3dUYWJiYXIiLCB0cnVlKTsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH07CiAgICB9CiAgfQp9Owo="},{"version":3,"sources":["Category.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;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;;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","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\n          type=\"text\"\n          id=\"text\"\n          placeholder=\"搜索你喜欢的酒吧！\"\n          v-on:input=\"inputFunc\"\n          value=\"\"\n        />\n        <input\n          type=\"button\"\n          class=\"btn\"\n          @click=\"submitcontent()\"\n          value=\"搜索\"\n        />\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>\nimport NavBar from \"@/components/common/navbar/NavBar\";\nimport SearchList from \"@/views/category/childComps/SearchList.vue\";\n\nexport default {\n  name: \"Category\",\n  components: {\n    NavBar,\n    SearchList\n  },\n  //  mixins:[tabControlMixin,itemListenerMixin],\n  data() {\n    return {\n      categoryData: {},\n      currentIndex: -1,\n      categories: [],\n      saveY: 0,\n      list: [],\n      isexit: true,\n      submitdata: {\n        key: \"\"\n      },\n      listexit: true,\n      clientHeight: document.documentElement.clientHeight\n    };\n  },\n  computed: {},\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  mounted() {\n    var n = navigator.userAgent;\n    if (n.indexOf(\"iPhone\") <= -1) {\n      window.onresize = () => {\n        if (location.pathname == \"/category\") {\n          if (this.clientHeight > document.documentElement.clientHeight) {\n            // 隐藏按钮\n            this.$bus.$emit(\"isShowTabbar\", false);\n          } else {\n            // 显示按钮\n            this.$bus.$emit(\"isShowTabbar\", true);\n          }\n        }\n      };\n    }\n  }\n};\n</script>\n\n<style scoped>\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 .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.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\n    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\n    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\n    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\n    no-repeat;\n}\n\n.item-categoty div span {\n  display: block;\n  text-align: center;\n  color: #333;\n  text-align: center;\n}\n\n.item-categoty div {\n  height: 81px;\n  width: 33.33333333%;\n  background-color: #fff;\n}\n</style>\n"]}]}