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
4.2 KiB

{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailBottomBar.vue?vue&type=style&index=0&id=f4000be6&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailBottomBar.vue","mtime":1616251601437},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5ib3R0b20tYmFyIHsKICBoZWlnaHQ6IDU4cHg7CiAgcG9zaXRpb246IGZpeGVkOwogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgbGVmdDogMDsKICByaWdodDogMDsKICBib3R0b206IDA7CgogIGRpc3BsYXk6IGZsZXg7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9CgouYmFyLWl0ZW0gewogIGZsZXg6IDE7CiAgZGlzcGxheTogZmxleDsKfQoKLmJhci1pdGVtPmRpdiB7CiAgZmxleDogMTsKfQoKLmJhci1sZWZ0IC50ZXh0IHsKICBmb250LXNpemU6IDEzcHg7Cn0KCi5iYXItbGVmdCAuaWNvbiB7CiAgZGlzcGxheTogYmxvY2s7CiAgd2lkdGg6IDIycHg7CiAgaGVpZ2h0OiAyMnB4OwogIG1hcmdpbjogMTBweCBhdXRvIDNweDsKICBiYWNrZ3JvdW5kOiB1cmwoIn5hc3NldHMvaW1nL2RldGFpbC9kZXRhaWxfYm90dG9tLnBuZyIpIDAgMC8xMDAlOwp9CgouYmFyLWxlZnQgLnNlcnZpY2UgewogIGJhY2tncm91bmQtcG9zaXRpb246MCAtNTRweDsKfQoKLmJhci1sZWZ0IC5zaG9wIHsKICBiYWNrZ3JvdW5kLXBvc2l0aW9uOjAgLTk4cHg7Cn0KCi5iYXItcmlnaHQgewogIGZvbnQtc2l6ZTogMTVweDsKICBjb2xvcjogI2ZmZjsKICBsaW5lLWhlaWdodDogNThweDsKfQoKLmJhci1yaWdodCAuY2FydCB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZTgxNzsKICBjb2xvcjogIzMzMzsKfQoKLmJhci1yaWdodCAuYnV5IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjY5Owp9Cg=="},{"version":3,"sources":["DetailBottomBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"DetailBottomBar.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n <div class=\"bottom-bar\">\n <div class=\"bar-item bar-left\">\n <div>\n <i class=\"icon service\"></i>\n <span class=\"text\">客服</span>\n </div>\n <div>\n <i class=\"icon shop\"></i>\n <span class=\"text\">店铺</span>\n </div>\n <div>\n <i class=\"icon select\"></i>\n <span class=\"text\">收藏</span>\n </div>\n </div>\n <div class=\"bar-item bar-right\">\n <div class=\"cart\" @click=\"addToCart\">加入购物车</div>\n <div class=\"buy\">购买</div>\n </div>\n </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"DetailBottomBar\",\n methods: {\n addToCart() {\n const token = window.sessionStorage.getItem(\"token\");\n if(token){\n this.$emit('addToCart')\n }else{\n this.$router.push('/login')\n }\n }\n }\n\t}\n</script>\n\n<style scoped>\n .bottom-bar {\n height: 58px;\n position: fixed;\n background-color: #fff;\n left: 0;\n right: 0;\n bottom: 0;\n\n display: flex;\n text-align: center;\n }\n\n .bar-item {\n flex: 1;\n display: flex;\n }\n\n .bar-item>div {\n flex: 1;\n }\n\n .bar-left .text {\n font-size: 13px;\n }\n\n .bar-left .icon {\n display: block;\n width: 22px;\n height: 22px;\n margin: 10px auto 3px;\n background: url(\"~assets/img/detail/detail_bottom.png\") 0 0/100%;\n }\n\n .bar-left .service {\n background-position:0 -54px;\n }\n\n .bar-left .shop {\n background-position:0 -98px;\n }\n\n .bar-right {\n font-size: 15px;\n color: #fff;\n line-height: 58px;\n }\n\n .bar-right .cart {\n background-color: #ffe817;\n color: #333;\n }\n\n .bar-right .buy {\n background-color: #f69;\n }\n</style>\n"]}]}