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
13 KiB
1 line
13 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=style&index=0&id=1a0c5ce5&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/Category.vue","mtime":1615967613992},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoubmF2LWJhcnsKICBiYWNrZ3JvdW5kLWNvbG9yOiNmNTNiNTc7CiAgY29sb3I6ICNmZmY7Cn0KCi5oZWFkU2VhcmNoewogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHotaW5kZXg6IDEwMDsKICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICB3aWR0aDogMTAwJTsKICAgIGhlaWdodDogNTBweDsKICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZTRlNGU0Owp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXR7CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICB3aWR0aDogOTAlOwogICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgbGVmdDo1MCU7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLC01MCUpOwogICAgdG9wOiA1MCU7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBoZWlnaHQ6IDMycHg7CiAgICBmb250LXNpemU6IDEycHg7CiAgICBjb2xvcjogIzMzMzsKICAgIGxpbmUtaGVpZ2h0OiAyOHB4OwogICAgYm9yZGVyOiBub25lOwogICAgYmFja2dyb3VuZC1jb2xvcjogI2VjZWNlYzs7CiAgICBib3JkZXItcmFkaXVzOiA1cHg7CiAgICBwYWRkaW5nOiAwIDMwcHg7CiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgLXdlYmtpdC1ib3gtc2l6aW5nOmJvcmRlci1ib3g7Cn0KCi5oZWFkU2VhcmNoIC5zZWFyY2hJbnB1dCBsYWJlbHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWFyY2hJY29uLnBuZycpIG5vLXJlcGVhdDsKICAgIGJhY2tncm91bmQtc2l6ZTogMTIwcHggNDBweDsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHdpZHRoOiAxMnB4OwogICAgaGVpZ2h0OiAxMnB4OwogICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQxcHggLTE4cHg7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBsZWZ0OiAxMHB4OwogICAgdG9wOiAxMHB4Owp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgaW5wdXR7CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICB3aWR0aDogMTAwJTsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsLTUwJSk7CiAgICB0b3A6IDUwJTsKICAgIGhlaWdodDogMjhweDsKICAgIGZvbnQtc2l6ZTogMTJweDsKICAgIGNvbG9yOiAjMzMzOwogICAgbGluZS1oZWlnaHQ6IDI4cHg7CiAgICBib3JkZXI6IG5vbmU7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWNlY2VjOzsKICAgIGJvcmRlci1yYWRpdXM6IDVweDsKICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAtd2Via2l0LWJveC1zaXppbmc6Ym9yZGVyLWJveDsKfQoKLml0ZW0tY2F0ZWdvdHl7CiAgZGlzcGxheTogZmxleDsKICAgZmxleC13cmFwOndyYXA7CiAgaGVpZ2h0OiAyNDZweDsKICB3aWR0aDogMTAwJTsKfQoKCi5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTF7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpIG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0yewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAtODRweCAwIG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0zewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAtMTY1cHggMCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtNHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgMCAtNzBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtNXsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgLTg0cHggLTcwcHggbm8tcmVwZWF0Owp9CgouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW02ewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsgCiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgLTE2NXB4IC03MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW03ewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAwIC0xNDBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtOHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJyktODRweCAtMTQwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTl7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpLTE2NXB4IC0xNDBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtMTB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpMCAtMjEwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTExewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAwIDA7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgLTg0cHggLTIxMHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0xMnsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCAwOwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpIC0xNjVweCAtMjEwcHggbm8tcmVwZWF0Owp9CgoKLml0ZW0tY2F0ZWdvdHkgZGl2IHNwYW57CiAgZGlzcGxheTogYmxvY2s7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGNvbG9yOiAjMzMzOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKCi5pdGVtLWNhdGVnb3R5IGRpdnsKICBoZWlnaHQ6IDgxcHg7CiAgd2lkdGg6IDMzLjMzMzMzMzMzJTsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwoKfQo="},{"version":3,"sources":["Category.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA;AACA;AACA;AACA;;AAEA;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;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAGA;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA","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"]}]} |