{"version":3,"sources":["webpack:///./src/components/front/Index.vue?8ca9","webpack:///./src/components/front/components/Carousel.vue?01fd","webpack:///src/components/front/components/Carousel.vue","webpack:///./src/components/front/components/Carousel.vue?44d1","webpack:///./src/components/front/components/Carousel.vue","webpack:///src/components/front/Index.vue","webpack:///./src/components/front/Index.vue?3647","webpack:///./src/components/front/Index.vue","webpack:///./src/components/front/components/Carousel.vue?6952","webpack:///./src/assets/img/carousel2.jpg","webpack:///./src/assets/img/carousel3.jpg","webpack:///./src/assets/img/carousel1.jpg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticRenderFns","attrs","_l","item","key","index","staticClass","src","_v","_s","text","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,CAAC,OAAS,SAAS,CAACF,EAAG,aAAa,IACtJG,EAAkB,GCDlB,EAAS,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACI,MAAM,CAAC,SAAW,IAAK,QAAU,UAAUR,EAAIS,GAAIT,EAAgB,cAAE,SAASU,GAAM,OAAON,EAAG,mBAAmB,CAACO,IAAID,EAAKE,OAAO,CAACR,EAAG,MAAM,CAACS,YAAY,UAAUL,MAAM,CAAC,IAAME,EAAKI,OAAOV,EAAG,OAAO,CAACJ,EAAIe,GAAGf,EAAIgB,GAAGN,EAAKO,cAAa,IACrV,EAAkB,GCStB,GACE,KAAF,WACE,KAFF,WAGI,MAAJ,CACM,aAAN,CACA,CACQ,MAAR,EACQ,KAAR,gBACQ,IAAR,WAEA,CACQ,MAAR,EACQ,KAAR,gBACQ,IAAR,WAEA,CACQ,MAAR,EACQ,KAAR,gBACQ,IAAR,eC5BgX,I,wBCQ5WC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCXf,GACE,WAAF,CACI,SAAJ,ICV8V,ICO1V,EAAY,eACd,EACAnB,EACAQ,GACA,EACA,KACA,KACA,MAIa,e,6CClBf,W,uBCAAY,EAAOC,QAAU,IAA0B,8B,qBCA3CD,EAAOC,QAAU,IAA0B,8B,4CCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-d0b0637e.c4985836.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\"}},[_c('Carousel')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-carousel',{attrs:{\"interval\":8000,\"trigger\":\"click\"}},_vm._l((_vm.carouselImgs),function(item){return _c('el-carousel-item',{key:item.index},[_c('img',{staticClass:\"bgImage\",attrs:{\"src\":item.src}}),_c('span',[_vm._v(_vm._s(item.text))])])}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <el-carousel :interval=\"8000\" trigger=\"click\" >\r\n        <el-carousel-item v-for=\"item in carouselImgs\" :key=\"item.index\">\r\n            <img :src=\"item.src\" class=\"bgImage\">\r\n            <span>{{item.text}}</span>\r\n        </el-carousel-item>\r\n    </el-carousel>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name:'carousel',\r\n        data(){\r\n            return{\r\n                carouselImgs:[\r\n                    {\r\n                        index:1,\r\n                        text:\"我们虽年轻，却不能一无所有\",\r\n                        src:require(\"../../../assets/img/carousel1.jpg\")\r\n                    },\r\n                    {\r\n                        index:2,\r\n                        text:'品味人生，做一个独特的自己',\r\n                        src:require(\"../../../assets/img/carousel2.jpg\")\r\n                    },\r\n                    {\r\n                        index:3,\r\n                        text:'在奔跑的路上，寻自己的速度',\r\n                        src:require(\"../../../assets/img/carousel3.jpg\")\r\n                    }\r\n                ]\r\n            }\r\n\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n.el-carousel{\r\n    height: 50%;\r\n    ::v-deep.el-carousel__container{\r\n    height: 100%;\r\n}\r\n}\r\n\r\n    .el-carousel__item {\r\n        display: flex;\r\n        text-align: center;\r\n    }\r\n    .el-carousel__item img{\r\n        width: 100%;\r\n    }\r\n    .el-carousel__item span{\r\n        position: absolute;\r\n        //left: 25%;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n        top: 75%;\r\n        z-index: 5;\r\n    }\r\n    .el-carousel--horizontal{\r\n        overflow:hidden;\r\n    }\r\n\r\n    /*.el-carousel__item:nth-child(2n) {*/\r\n        /*background-color: #99a9bf;*/\r\n    /*}*/\r\n\r\n    /*.el-carousel__item:nth-child(2n+1) {*/\r\n        /*background-color: #d3dce6;*/\r\n    /*}*/\r\n    .bgImage {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        transform: perspective(62.5rem) translateZ(0);\r\n        transition:  8s;\r\n        &:hover {\r\n             transform: perspective(62.5rem) translateZ(6.25rem);\r\n             transition:  8s;\r\n         }\r\n    }\r\n</style>","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!./Carousel.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!./Carousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Carousel.vue?vue&type=template&id=1fdca55f&scoped=true&\"\nimport script from \"./Carousel.vue?vue&type=script&lang=js&\"\nexport * from \"./Carousel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Carousel.vue?vue&type=style&index=0&id=1fdca55f&lang=scss&scoped=true&\"\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  \"1fdca55f\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div style=\"height: 100%\">\r\n        <Carousel></Carousel>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Carousel from './components/Carousel'\r\nexport default {\r\n    components:{\r\n        Carousel\r\n    }\r\n}\r\n</script>\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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=42a39406&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=style&index=0&id=1fdca55f&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/carousel2.b035251e.jpg\";","module.exports = __webpack_public_path__ + \"img/carousel3.3033a173.jpg\";","module.exports = __webpack_public_path__ + \"img/carousel1.57ed71df.jpg\";"],"sourceRoot":""}