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
10 KiB
1 line
10 KiB
{"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/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"]}]} |