{"version":3,"sources":["webpack:///./src/image/img1.png","webpack:///./src/image/video.mp4","webpack:///./src/views/homePage.vue","webpack:///src/views/homePage.vue","webpack:///./src/views/homePage.vue?81a8","webpack:///./src/views/homePage.vue?139e","webpack:///./src/image/menu.png","webpack:///./src/views/homePage.vue?b302"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","slot","require","_l","navList","menu","index","children","length","key","route","_v","_s","name","_e","subMenu","subIndex","domProps","images","item","directives","rawName","value","hoverClassName","expression","url","alt","caption","caption1","caption2","staticRenderFns","data","methods","handleOpen","keyPath","console","log","handleClose","getCategory","api_category","then","res","created","resizeScale","inserted","el","binding","addEventListener","classList","add","remove","component"],"mappings":"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","file":"js/chunk-1467bcd9.5890aea2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/img1.ed239da7.png\";","module.exports = __webpack_public_path__ + \"media/video.d559878f.mp4\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"lunBoTu\"},[_c('el-carousel',{attrs:{\"interval\":500000,\"arrow\":\"never\"}},[_c('el-row',{staticClass:\"tac\"},[_c('el-col',{attrs:{\"span\":12}},[_c('el-menu',{staticClass:\"el-menu-vertical-demo\",attrs:{\"default-active\":\"2\",\"unique-opened\":true}},[_c('el-submenu',{attrs:{\"index\":\"1\"}},[_c('template',{slot:\"title\"},[_c('img',{staticClass:\"imgname\",attrs:{\"src\":require(\"../image/menu.png\"),\"alt\":\"\"}})]),_c('el-menu-item-group',[_vm._l((_vm.navList),function(menu,index){return [(menu.children.length == 0)?_c('el-menu-item',{key:menu.index,attrs:{\"index\":`1-${index + 1}`}},[_c('router-link',{staticClass:\"linkclass\",attrs:{\"to\":menu.route}},[_vm._v(\" \"+_vm._s(menu.name)+\" \")])],1):_vm._e(),(menu.children.length !== 0)?_c('el-submenu',{key:menu.index,attrs:{\"index\":`1-${index + 1}`}},[_c('template',{slot:\"title\"},[_vm._v(_vm._s(menu.name))]),_vm._l((menu.children),function(subMenu,subIndex){return _c('el-menu-item',{key:subMenu.index,attrs:{\"index\":`1-${index + 1}-${subIndex + 1}`}},[_c('router-link',{staticClass:\"linkclass\",attrs:{\"to\":subMenu.route}},[_vm._v(_vm._s(subMenu.name))])],1)})],2):_vm._e()]})],2)],2)],1)],1)],1),_c('el-carousel-item',[_c('video',{attrs:{\"src\":require(\"@/image/video.mp4\"),\"controls\":\"\",\"autoplay\":\"\",\"muted\":\"\"},domProps:{\"muted\":true}})]),_vm._l((_vm.images),function(item,index){return _c('el-carousel-item',{key:index},[_c('img',{directives:[{name:\"resize-scale\",rawName:\"v-resize-scale\",value:({ hoverClassName: 'is-hover' }),expression:\"{ hoverClassName: 'is-hover' }\"}],attrs:{\"src\":item.url,\"alt\":item.alt}}),_c('div',{staticClass:\"caption\"},[_c('p',{staticClass:\"caption-1\"},[_vm._v(_vm._s(item.caption))]),_c('p',{staticClass:\"caption-2\"},[_vm._v(_vm._s(item.caption1))]),_c('p',{staticClass:\"caption-3\"},[_vm._v(_vm._s(item.caption2))])])])})],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"lunBoTu\">\r\n        <el-carousel :interval=\"500000\" arrow=\"never\">\r\n            <el-row class=\"tac\">\r\n                <el-col :span=\"12\">\r\n                    <el-menu default-active=\"2\" class=\"el-menu-vertical-demo\" :unique-opened=\"true\">\r\n                        <el-submenu index=\"1\">\r\n                            <template slot=\"title\">\r\n                                <img src=\"../image/menu.png\" alt=\"\" class=\"imgname\">\r\n                            </template>\r\n                            <el-menu-item-group>\r\n                                <template v-for=\"(menu, index) in navList\">\r\n                                    <el-menu-item :index=\"`1-${index + 1}`\" v-if=\"menu.children.length == 0\"\r\n                                        :key=\"menu.index\">\r\n                                        <router-link :to=\"menu.route\" class=\"linkclass\">\r\n                                            {{ menu.name }}\r\n                                        </router-link>\r\n                                    </el-menu-item>\r\n                                    <el-submenu :index=\"`1-${index + 1}`\" v-if=\"menu.children.length !== 0\" :key=\"menu.index\">\r\n                                        <template slot=\"title\">{{ menu.name }}</template>\r\n                                        <el-menu-item v-for=\"(subMenu, subIndex) in menu.children\"\r\n                                            :index=\"`1-${index + 1}-${subIndex + 1}`\" :key=\"subMenu.index\">\r\n                                            <router-link :to=\"subMenu.route\" class=\"linkclass\">{{ subMenu.name\r\n                                            }}</router-link>\r\n                                        </el-menu-item>\r\n                                    </el-submenu>\r\n                                </template>\r\n                            </el-menu-item-group>\r\n                        </el-submenu>\r\n                    </el-menu>\r\n                </el-col>\r\n            </el-row>\r\n            <el-carousel-item>\r\n                <video src=\"@/image/video.mp4\" controls autoplay muted></video>\r\n            </el-carousel-item>\r\n            <el-carousel-item v-for=\"(item, index) in images\" :key=\"index\">\r\n                <img :src=\"item.url\" :alt=\"item.alt\" v-resize-scale=\"{ hoverClassName: 'is-hover' }\">\r\n                <div class=\"caption\">\r\n                    <p class=\"caption-1\">{{ item.caption }}</p>\r\n                    <p class=\"caption-2\">{{ item.caption1 }}</p>\r\n                    <p class=\"caption-3\">{{ item.caption2 }}</p>\r\n                </div>\r\n            </el-carousel-item>\r\n        </el-carousel>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport { api_category } from \"@/APi/api\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            navList:[],\r\n            images: [\r\n                {\r\n                    url: require('../image/img1.png'),\r\n                    alt: 'Image 1',\r\n                    caption: '四川智如客科技 >',\r\n                    caption1: ' 四川智如客科技有限公司成立于2018年，位于成都市天府新区，由多位行业大咖共同创建，是一家专注于互联网智慧型软件开发及应用的高新技术企业、全国科技型企业 ',\r\n                    caption2: ' 四川智如客科技有限公司致力于为客户提供由传统互联网到移动互联网智能一体化的解决方案、技术支持 '\r\n                },\r\n            ]\r\n        };\r\n    },\r\n    methods: {\r\n        handleOpen(key, keyPath) {\r\n            console.log(key, keyPath);\r\n        },\r\n        handleClose(key, keyPath) {\r\n            console.log(key, keyPath);\r\n        },\r\n         // 获取栏目列表\r\n         getCategory() {\r\n            api_category().then((res) => {\r\n                this.navList = res.data;\r\n                // console.log(this.navList)\r\n            });\r\n        },\r\n    },\r\n    created() {\r\n        this.getCategory();\r\n    },\r\n    directives: {\r\n        resizeScale: {\r\n            inserted(el, binding) {\r\n                const { hoverClassName } = binding.value;\r\n                el.addEventListener('mouseenter', function () {\r\n                    el.classList.add(hoverClassName);\r\n                });\r\n                el.addEventListener('mouseleave', function () {\r\n                    el.classList.remove(hoverClassName);\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\">\r\n/* element-ui 组件样式 */\r\n\r\n/* 轮播图组件样式 */\r\n.el-carousel__item h3 {\r\n    color: #475669;\r\n    opacity: 1;\r\n    line-height: 100%;\r\n    margin: 0;\r\n}\r\n\r\n.lunBoTu .el-carousel__container {\r\n    height: 100vh;\r\n}\r\n\r\n.lunBoTu .el-carousel__item img.is-hover {\r\n    transform: scale(1.2);\r\n}\r\n\r\n/* 导航菜单组件 */\r\n.el-col-12 {\r\n    width: 100%;\r\n}\r\n\r\n.el-menu {\r\n    background-color: transparent;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.el-submenu .el-menu-item {\r\n    color: white;\r\n    background-color: transparent;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n.el-submenu__title {\r\n    color: white;\r\n    background-color: transparent !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n}\r\n\r\n.el-icon-arrow-down:before {\r\n    color: white;\r\n}\r\n\r\n.linkclass {\r\n    text-decoration: none;\r\n    color: white;\r\n}\r\n\r\n.router-link-active {\r\n    text-decoration: none !important;\r\n    color: inherit;\r\n    /* 继承父元素的颜色 */\r\n}\r\n\r\n/* 自定义样式 */\r\n* {\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.lunBoTu {\r\n    width: 100%;\r\n    height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    justify-content: center;\r\n\r\n    img {\r\n        width: 100%;\r\n        height: 100%;\r\n        transition: transform 5s ease;\r\n        z-index: 1;\r\n    }\r\n\r\n    video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: fill;\r\n    }\r\n\r\n    &.is-hover img {\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    .caption {\r\n        width: 30rem;\r\n        height: 20rem;\r\n        position: absolute;\r\n        top: 30%;\r\n        left: 5%;\r\n        right: 0;\r\n        z-index: 2;\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-content: center;\r\n        justify-content: space-around;\r\n        flex-wrap: wrap;\r\n        align-items: flex-start;\r\n        color: white;\r\n        font-weight: 600;\r\n\r\n        .caption-1 {\r\n            font-size: 2rem;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .caption-2 {\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .caption-3 {\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    .tac {\r\n        z-index: 3;\r\n        position: relative;\r\n        width: 13%;\r\n        margin-left: 87%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, rgba(56, 98, 154, 0) 0%, rgba(58, 100, 156, 0.86) 100%);\r\n\r\n        .imgname {\r\n            width: 1.38rem;\r\n            height: 1.38rem;\r\n            margin-left: 11%;\r\n        }\r\n    }\r\n}\r\n\r\n.caption p {\r\n    // font-size: 2rem;\r\n    transition: color 1s ease;\r\n}\r\n\r\n.caption p:hover {\r\n    color: blue; // 这里的颜色可以根据需要自行调整\r\n}\r\n\r\n// 移动端\r\n@media screen and (max-width:900px) {\r\n\r\n    // 移动端样式\r\n    .el-carousel__item h3 {\r\n        color: #475669;\r\n        opacity: 1;\r\n        line-height: 100%;\r\n        margin: 0;\r\n    }\r\n\r\n    .lunBoTu .el-carousel__container {\r\n        height: 100vh;\r\n    }\r\n\r\n    .lunBoTu .el-carousel__item img.is-hover {\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    /* 导航菜单组件 */\r\n    .el-col-12 {\r\n        width: 100%;\r\n    }\r\n\r\n    .el-menu {\r\n        background-color: transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .el-submenu .el-menu-item {\r\n        color: white;\r\n        background-color: transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .el-submenu__title {\r\n        color: white;\r\n        background-color: transparent !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .el-icon-arrow-down:before {\r\n        color: white;\r\n    }\r\n\r\n    .linkclass {\r\n        text-decoration: none;\r\n        color: white;\r\n    }\r\n\r\n    .router-link-active {\r\n        text-decoration: none !important;\r\n        color: inherit;\r\n        /* 继承父元素的颜色 */\r\n    }\r\n\r\n    /* 自定义样式 */\r\n    * {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .lunBoTu {\r\n        width: 100%;\r\n        height: 100vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        justify-content: center;\r\n\r\n        img {\r\n            width: 100%;\r\n            height: 100%;\r\n            transition: transform 5s ease;\r\n            z-index: 1;\r\n        }\r\n\r\n        video {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: fill;\r\n        }\r\n\r\n        &.is-hover img {\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .caption {\r\n            width: 20rem;\r\n            height: 20rem;\r\n            position: absolute;\r\n            top: 30%;\r\n            left: 5%;\r\n            right: 0;\r\n            z-index: 2;\r\n            padding: 10px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-content: center;\r\n            justify-content: space-around;\r\n            flex-wrap: wrap;\r\n            align-items: flex-start;\r\n            color: white;\r\n            font-weight: 600;\r\n\r\n            .caption-1 {\r\n                font-size: 2rem;\r\n                cursor: pointer;\r\n            }\r\n\r\n            .caption-2 {\r\n                font-size: 1rem;\r\n                cursor: pointer;\r\n            }\r\n\r\n            .caption-3 {\r\n                font-size: 1rem;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n\r\n        .tac {\r\n            z-index: 3;\r\n            position: relative;\r\n            width: 35%;\r\n            margin-left: 65%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, rgba(56, 98, 154, 0) 0%, rgba(58, 100, 156, 0.86) 100%);\r\n\r\n            .imgname {\r\n                width: 1.38rem;\r\n                height: 1.38rem;\r\n                margin-left: 11%;\r\n            }\r\n        }\r\n    }\r\n\r\n    .caption p {\r\n        // font-size: 2rem;\r\n        transition: color 1s ease;\r\n    }\r\n\r\n    .caption p:hover {\r\n        color: blue; // 这里的颜色可以根据需要自行调整\r\n    }\r\n}</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./homePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./homePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./homePage.vue?vue&type=template&id=0e746ea8&\"\nimport script from \"./homePage.vue?vue&type=script&lang=js&\"\nexport * from \"./homePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./homePage.vue?vue&type=style&index=0&id=0e746ea8&prod&lang=scss&\"\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","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAGFJREFUSEvtk0EKwDAIBNdf9hH5Q/qk/nBKLqEUA0Ga5uKCF8VBFtfkCKiSTm8227MB+JDUKiwXHKY9FhPczUgrNlkBFEmtwholbw04fGYmz7Muk/dD8oDri799MwxgBfgG2BMXE8ZK7ZgAAAAASUVORK5CYII=\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./homePage.vue?vue&type=style&index=0&id=0e746ea8&prod&lang=scss&\""],"sourceRoot":""}