{"version":3,"sources":["webpack:///./src/views/Splash.vue","webpack:///src/views/Splash.vue","webpack:///./src/views/Splash.vue?8fa7","webpack:///./src/views/Splash.vue?6f8f","webpack:///./src/views/Splash.vue?a81c"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","staticRenderFns","name","components","LoginHeader","LoginFooter","data","methods","mounted","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,cAAc,CAACE,YAAY,kBAAkBF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,UAAU,KAAO,QAAQ,GAAK,iBAAiB,CAACL,EAAIM,GAAG,cAAcJ,EAAG,OAAO,CAACE,YAAY,cAAcC,MAAM,CAAC,KAAO,uBAAuB,GAAGH,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,UAAU,KAAO,QAAQ,GAAK,WAAW,CAACL,EAAIM,GAAG,cAAcJ,EAAG,OAAO,CAACG,MAAM,CAAC,KAAO,uBAAuB,IAAI,OAAOH,EAAG,gBAAgB,MAE/nBK,EAAkB,G,wBC2BP,GACfC,KAAA,SACAC,WAAA,CACAC,mBACAC,oBAEAC,OACA,UAEAC,QAAA,GAEAC,aCxC+U,I,wBCQ3UC,EAAY,eACd,EACAhB,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAQ,E,2CCnBf","file":"js/chunk-2a14f428.cd49b64a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"splash\"},[_c('div',{staticClass:\"texture\"},[_c('LoginHeader',{staticClass:\"splash_header\"}),_c('div',{staticClass:\"splash_wrapper\"},[_c('div',{staticClass:\"splash_content\"},[_c('div',{staticClass:\"splash_btns\"},[_c('Button',{attrs:{\"type\":\"primary\",\"size\":\"large\",\"to\":\"/loginOthers\"}},[_vm._v(\" 物资竞价采购平台 \"),_c('Icon',{staticClass:\"button-icon\",attrs:{\"type\":\"md-arrow-forward\"}})],1),_c('Button',{attrs:{\"type\":\"warning\",\"size\":\"large\",\"to\":\"/login\"}},[_vm._v(\" 物资调剂管理平台 \"),_c('Icon',{attrs:{\"type\":\"md-arrow-forward\"}})],1)],1)])]),_c('LoginFooter')],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"splash\">\n        <div class=\"texture\">\n            <LoginHeader class=\"splash_header\" />\n            <div class=\"splash_wrapper\">\n                <div class=\"splash_content\">\n                    <!-- <div class=\"splash_txt\">\n                        平台登录\n                    </div> -->\n                    <div class=\"splash_btns\">\n                        <Button type=\"primary\" size=\"large\" to=\"/loginOthers\">\n                            物资竞价采购平台\n                            <Icon class=\"button-icon\" type=\"md-arrow-forward\" />\n                        </Button>\n                        <Button type=\"warning\" size=\"large\" to=\"/login\">\n                            物资调剂管理平台\n                            <Icon type=\"md-arrow-forward\" />\n                        </Button>\n                    </div>\n                </div>\n            </div>\n            <LoginFooter />\n        </div>\n    </div>\n</template>\n\n<script>\nimport LoginHeader from '@/components/LoginHeader'\nimport LoginFooter from '@/components/LoginFooter'\nexport default {\n    name: \"Splash\",\n    components: {\n        LoginHeader,\n        LoginFooter\n    },\n    data() {\n        return {}\n    },\n    methods: {\n    },\n    mounted() {\n    }\n}\n</script>\n\n<style lang=\"less\">\n// Related style\n@import '../index.less';\n\n.splash {\n    height: 100%;\n    background-color: #42464B;\n    // background-image: linear-gradient( 0deg, #FFFFFF 2%, #FFE4E4 100%);\n    /* background-image: radial-gradient(farthest-corner at 50% 35%, #D8F5F5, #32c9ca); */\n\n    .texture {\n        height: 100%;\n        background-image: url(../assets/images/login-bg.jpg);\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: cover;\n        .splash_header {\n            padding: 20px 24px;\n            font-size: 36px;\n            border-bottom: 2px solid @primary-color;\n            background-color: #fff;\n            img {\n                // float: left;\n                vertical-align: middle;\n            }\n        }\n        .splash_wrapper {\n            height: 100%;\n            position: relative;\n            .splash_content {\n                position: absolute;\n                top: 26%;\n                right: 10%;\n                display: block;\n                // padding: 32px;\n                // border-radius: 8px;\n                // box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);\n                // background-color: rgba(255, 255, 255, .92);\n\n                .splash_txt {\n                    margin: 0 0 8px;\n                    padding-bottom: 16px;\n                    font-size: 24px;\n                    font-weight: 600;\n                    // text-align: center;\n                    border-bottom: 1px solid #CCC;\n                }\n                .splash_btns {\n                    margin: 32px 0 12px;\n                    text-align: center;\n                    .ivu-btn-large {\n                        width: 400px;\n                        height: 84px;\n                        padding: 24px;\n                        font-size: 28px;\n                        font-weight: 600;\n                        line-height: 32px;\n                        &:first-child {\n                            margin-bottom: 32px;\n                        }\n                        .ivu-icon {\n                            &::before {\n                                font-size: 28px;\n                            }\n                        }\n                    }\n                    .ivu-btn {\n                        display: block;\n                        position: relative;\n                        border-radius: 6px;\n                        transition: all 0.2s ease-in-out;\n                        background-color: #0E417D !important;\n                        border: none;\n                        box-shadow: inset 5px 5px 5px 0px rgba(255,255,255,0.3), inset -5px -5px 5px 0px rgba(0,0,0,0.3);\n                        overflow: hidden;\n                        &:before {\n                            content: \"\";\n                            background-color: rgba(255,255,255,0.5);\n                            height: 100%;\n                            width: 45px;\n                            display: block;\n                            position: absolute;\n                            top: 0;\n                            left: -100px;\n                            transform: skewX(-45deg) translateX(0);\n                            transition: none;\n                        }\n                        &:hover {\n                            // border: 1px solid rgba(255,255,255,0.3);\n                            &:before {\n                                transform: skewX(-45deg) translateX(600px);\n                                transition: all 0.5s ease-in-out;\n                            }\n                            .ivu-icon {\n                                font-weight: 600;\n                                animation: iconAnimForward 500ms ease-in-out infinite;\n                                -webkit-animation: iconAnimForward 500ms ease-in-out infinite;\n                            }\n                            @keyframes iconAnimForward {\n                                0% {transform: translateX(0);}\n                                100% {transform: translateX(10px);}\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        .splash_footer {\n            position: absolute;\n            bottom: 0;\n            width: 100%;\n            padding: 24px;\n            color: #B1B9C3;\n            text-align: center;\n            background-color: #42464B;\n            a {\n                color: #B1B9C3;\n            }\n        }\n    }\n}\n\n\n@media (max-width: 1279px) {\n    .splash {\n        .texture {\n            .splash_wrapper {\n                width: 400px;\n                margin: 0 auto;\n                padding: 24px;\n                .splash_content {\n                    top: 48%;\n                    right: 12%;\n                    .ivu-btn-large {\n                        width: 320px !important;\n                    }\n                }\n            }\n        }\n    }\n}\n@media (max-width: 640px) {\n    .splash {\n        .texture {\n            background-position: -20px center;\n            .splash_header {\n                padding: 16px;\n                font-size: 14px;\n                line-height: 24px;\n                img {\n                    // width: 90px;\n                    width: 160px;\n                }\n            }\n            .splash_wrapper {\n                width: 100%;\n                padding: 24px;\n                .splash_content {\n                    top: 22%;\n                    right: 12%;\n                    .ivu-btn-large {\n                        width: 300px !important;\n                    }\n                }\n            }\n        }\n    }\n}\n</style>\n","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!./Splash.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!./Splash.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Splash.vue?vue&type=template&id=bcb34ca2\"\nimport script from \"./Splash.vue?vue&type=script&lang=js\"\nexport * from \"./Splash.vue?vue&type=script&lang=js\"\nimport style0 from \"./Splash.vue?vue&type=style&index=0&id=bcb34ca2&prod&lang=less\"\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--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Splash.vue?vue&type=style&index=0&id=bcb34ca2&prod&lang=less\""],"sourceRoot":""}