{"version":3,"sources":["webpack:///./src/view/moose/home.vue?4409","webpack:///src/view/moose/home.vue","webpack:///./src/view/moose/home.vue?bce3","webpack:///./src/view/moose/home.vue","webpack:///./src/assets/img/moose_C.jpg","webpack:///./src/view/moose/home.vue?c23f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","src","__webpack_require__","alt","id","staticStyle","position","left","transform","display","gap","bottom","on","click","clearBtn","flex-direction","justify-content","line-height","padding-top","color","_v","padding-bottom","queryBtn","staticRenderFns","homevue_type_script_lang_js_","mounted","adjustImageSize","window","addEventListener","beforeDestroy","removeEventListener","methods","image","document","getElementById","innerWidth","style","width","height","objectFit","$router","push","path","moose_homevue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","module","exports","p","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_home_vue_vue_type_style_index_0_id_ffbd9f50_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_home_vue_vue_type_style_index_0_id_ffbd9f50_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"uHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,aAAwB,CAAAF,EAAA,OAAYE,YAAA,QAAAC,MAAA,CAA2BC,IAAMC,EAAQ,QAA8BC,IAAA,mBAAAC,GAAA,qBAAmDP,EAAA,OAAYQ,YAAA,CAAaC,SAAA,WAAAC,KAAA,MAAAC,UAAA,mBAAAC,QAAA,OAAAC,IAAA,OAAAC,OAAA,QAAgH,CAAAd,EAAA,aAAkBE,YAAA,gBAAAa,GAAA,CAAgCC,MAAApB,EAAAqB,WAAsB,CAAAjB,EAAA,OAAYQ,YAAA,CAAaI,QAAA,OAAAM,iBAAA,SAAAC,kBAAA,SAAAC,cAAA,SAA4F,CAAApB,EAAA,QAAaQ,YAAA,CAAaa,cAAA,MAAAC,MAAA,wBAAmD,CAAA1B,EAAA2B,GAAA,QAAAvB,EAAA,QAA4BQ,YAAA,CAAagB,iBAAA,MAAAF,MAAA,wBAAsD,CAAA1B,EAAA2B,GAAA,yBAAAvB,EAAA,aAAkDE,YAAA,gBAAAa,GAAA,CAAgCC,MAAApB,EAAA6B,WAAsB,CAAAzB,EAAA,OAAYQ,YAAA,CAAaI,QAAA,OAAAM,iBAAA,SAAAC,kBAAA,SAAAC,cAAA,SAA4F,CAAApB,EAAA,QAAaQ,YAAA,CAAaa,cAAA,MAAAC,MAAA,wBAAmD,CAAA1B,EAAA2B,GAAA,QAAAvB,EAAA,QAA4BQ,YAAA,CAAagB,iBAAA,MAAAF,MAAA,wBAAsD,CAAA1B,EAAA2B,GAAA,uBACnoCG,EAAA,GCyBAC,EAAA,CACAC,QADA,WAEA/B,KAAAgC,kBACAC,OAAAC,iBAAA,SAAAlC,KAAAgC,kBAEAG,cALA,WAMAF,OAAAG,oBAAA,SAAApC,KAAAgC,kBAEAK,QAAA,CACAL,gBADA,WAEA,IAAAM,EAAAC,SAAAC,eAAA,mBACAF,IAEAL,OAAAQ,YAAA,KAEAH,EAAAI,MAAAC,MAAA,QACAL,EAAAI,MAAAE,OAAA,QACAN,EAAAI,MAAAG,UAAA,UAGAP,EAAAI,MAAAC,MAAA,OACAL,EAAAI,MAAAE,OAAA,OACAN,EAAAI,MAAAG,UAAA,aAGAzB,SAjBA,WAkBApB,KAAA8C,QAAAC,KAAA,CACAC,KAAA,yBAIApB,SAvBA,WAwBA5B,KAAA8C,QAAAC,KAAA,CACAC,KAAA,sBC3D6VC,EAAA,0BCQ7VC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAnD,EACA+B,GACF,EACA,KACA,WACA,MAIewB,EAAA,WAAAH,2DCnBfI,EAAAC,QAAiB/C,EAAAgD,EAAuB,8DCAxC,IAAAC,EAAAjD,EAAA,QAAAkD,EAAAlD,EAAAmD,EAAAF,GAAkfC,EAAG","file":"js/chunk-d5da2d62.7622d4b7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('img',{staticClass:\"image\",attrs:{\"src\":require(\"../../assets/img/moose_C.jpg\"),\"alt\":\"Responsive Image\",\"id\":\"responsiveImage\"}}),_c('div',{staticStyle:{\"position\":\"absolute\",\"left\":\"50%\",\"transform\":\"translateX(-50%)\",\"display\":\"flex\",\"gap\":\"60px\",\"bottom\":\"20%\"}},[_c('el-button',{staticClass:\"custom-button\",on:{\"click\":_vm.clearBtn}},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"justify-content\":\"center\",\"line-height\":\"15px\"}},[_c('span',{staticStyle:{\"padding-top\":\"4px\",\"color\":\"rgba(0, 0, 0, 0.65)\"}},[_vm._v(\"洗护\")]),_c('span',{staticStyle:{\"padding-bottom\":\"2px\",\"color\":\"rgba(0, 0, 0, 0.65)\"}},[_vm._v(\"Laundry Service\")])])]),_c('el-button',{staticClass:\"custom-button\",on:{\"click\":_vm.queryBtn}},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"justify-content\":\"center\",\"line-height\":\"15px\"}},[_c('span',{staticStyle:{\"padding-top\":\"4px\",\"color\":\"rgba(0, 0, 0, 0.65)\"}},[_vm._v(\"查询\")]),_c('span',{staticStyle:{\"padding-bottom\":\"2px\",\"color\":\"rgba(0, 0, 0, 0.65)\"}},[_vm._v(\"Search\")])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container\">\r\n        <img src=\"../../assets/img/moose_C.jpg\" alt=\"Responsive Image\" class=\"image\" id=\"responsiveImage\">\r\n        <div style=\"position: absolute;left: 50%;transform: translateX(-50%);display: flex;gap: 60px;bottom: 20%;\">\r\n\r\n            <el-button  @click=\"clearBtn\"  class=\"custom-button\" >\r\n                <div style=\"display: flex;flex-direction: column;justify-content: center;line-height: 15px;\">\r\n                    <span style=\"padding-top: 4px;color: rgba(0, 0, 0, 0.65);\">洗护</span>\r\n                    <span style=\"padding-bottom: 2px;color:  rgba(0, 0, 0, 0.65);\">Laundry Service</span>\r\n                </div>\r\n            </el-button>\r\n\r\n            <el-button  @click=\"queryBtn\"    class=\"custom-button\">\r\n                <div style=\"display: flex;flex-direction: column;justify-content: center;line-height: 15px;\">\r\n                    <span style=\"padding-top: 4px;color:  rgba(0, 0, 0, 0.65);\">查询</span>\r\n                    <span style=\"padding-bottom: 2px;color:  rgba(0, 0, 0, 0.65);\">Search</span>\r\n                </div>\r\n            </el-button>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        mounted() {\r\n            this.adjustImageSize();  // 在组件挂载后调用调整图片的函数\r\n            window.addEventListener(\"resize\", this.adjustImageSize);\r\n        },\r\n        beforeDestroy() {\r\n            window.removeEventListener(\"resize\", this.adjustImageSize);  // 清理事件监听\r\n        },\r\n        methods: {\r\n            adjustImageSize() {\r\n                const image = document.getElementById(\"responsiveImage\");\r\n                if (!image) return;  // 防止 null 错误\r\n\r\n                if (window.innerWidth <= 768) {\r\n                    // 在手机端，图片高度和宽度都占满屏幕\r\n                    image.style.width = \"100vw\";\r\n                    image.style.height = \"100vh\";\r\n                    image.style.objectFit = \"cover\";\r\n                } else {\r\n                    // 在桌面端，保持原有的比例\r\n                    image.style.width = \"auto\";\r\n                    image.style.height = \"100%\";\r\n                    image.style.objectFit = \"contain\";\r\n                }\r\n            },\r\n            clearBtn() {\r\n                this.$router.push({\r\n                    path: \"/moose/customerInfo\",\r\n                });\r\n            },\r\n\r\n            queryBtn() {\r\n                this.$router.push({\r\n                    path: \"/moose/washing\",\r\n                });\r\n            },\r\n        }\r\n    };\r\n</script>\r\n\r\n<style scoped>\r\n    .custom-button {\r\n        width: 100px;\r\n        height: 40px;\r\n        padding: 0px 0px;\r\n        border: 1px solid #dae3f3;\r\n        background-color: #dae3f3;\r\n    }\r\n\r\n    .custom-button:hover {\r\n        /*background-color: #ffffff; !* 鼠标悬停时背景色 *!*/\r\n        color: #56b8e1; /* 悬停时字体颜色 */\r\n        border: 1px solid #56b8e1;\r\n    }\r\n\r\n    .custom-button:hover  span {\r\n        color: #56b8e1 !important; /* 悬停时子元素字体颜色 */\r\n    }\r\n\r\n    .container {\r\n        height: 100vh;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .image {\r\n        max-height: 100%;\r\n        width: auto;\r\n        object-fit: contain;\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./home.vue?vue&type=template&id=ffbd9f50&scoped=true&\"\nimport script from \"./home.vue?vue&type=script&lang=js&\"\nexport * from \"./home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./home.vue?vue&type=style&index=0&id=ffbd9f50&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ffbd9f50\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/moose_C.33b12ba6.jpg\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./home.vue?vue&type=style&index=0&id=ffbd9f50&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./home.vue?vue&type=style&index=0&id=ffbd9f50&scoped=true&lang=css&\""],"sourceRoot":""}