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
3.1 KiB
1 line
3.1 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/babel-loader/lib/index.js!/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/order/childComps/CheckButton.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/order/childComps/CheckButton.vue","mtime":1616228503045},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJDaGVja0J1dHRvbiIsCiAgcHJvcHM6IHsKICAgIHZhbHVlOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IHRydWUKICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBjaGVja2VkOiB0aGlzLnZhbHVlCiAgICB9OwogIH0sCiAgbWV0aG9kczogewogICAgc2VsZWN0SXRlbTogZnVuY3Rpb24gc2VsZWN0SXRlbSgpIHsKICAgICAgdGhpcy4kZW1pdCgnY2hlY2tCdG5DbGljaycpOwogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIHZhbHVlOiBmdW5jdGlvbiB2YWx1ZShuZXdWYWx1ZSkgewogICAgICB0aGlzLmNoZWNrZWQgPSBuZXdWYWx1ZTsKICAgIH0KICB9Cn07"},{"version":3,"sources":["CheckButton.vue"],"names":[],"mappings":";;;;;;;;AASA,eAAA;AACA,EAAA,IAAA,EAAA,aADA;AAEA,EAAA,KAAA,EAAA;AACA,IAAA,KAAA,EAAA;AACA,MAAA,IAAA,EAAA,OADA;AAEA,MAAA,OAAA,EAAA;AAFA;AADA,GAFA;AAQA,EAAA,IAAA,EAAA,gBAAA;AACA,WAAA;AACA,MAAA,OAAA,EAAA,KAAA;AADA,KAAA;AAGA,GAZA;AAaA,EAAA,OAAA,EAAA;AACA,IAAA,UAAA,EAAA,sBAAA;AACA,WAAA,KAAA,CAAA,eAAA;AACA;AAHA,GAbA;AAkBA,EAAA,KAAA,EAAA;AACA,IAAA,KAAA,EAAA,eAAA,QAAA,EAAA;AACA,WAAA,OAAA,GAAA,QAAA;AACA;AAHA;AAlBA,CAAA","sourcesContent":["<template>\n <div>\n <div class=\"icon-selector\" :class=\"{'selector-active': checked}\" @click=\"selectItem\">\n <img src=\"~/assets/img/cart/tick.svg\" alt=\"\">\n </div>\n </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"CheckButton\",\n props: {\n\t\t value: {\n\t\t type: Boolean,\n default: true\n }\n },\n data: function () {\n\t\t return {\n\t\t checked: this.value\n }\n },\n methods: {\n selectItem: function () {\n this.$emit('checkBtnClick')\n }\n },\n watch: {\n\t\t value: function (newValue) {\n this.checked = newValue;\n }\n }\n\t}\n</script>\n\n<style scoped>\n .icon-selector {\n position: relative;\n margin: 0;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 2px solid #ccc;\n cursor: pointer;\n }\n\n .selector-active {\n background-color: #ff8198;\n border-color: #ff8198;\n }\n</style>\n"],"sourceRoot":"src/views/cart/childComps"}]} |