{"version":3,"sources":["webpack:///./src/components/Home/HomeOpeningImage.vue","webpack:///src/components/Home/HomeOpeningImage.vue","webpack:///./src/components/Home/HomeOpeningImage.vue?251d","webpack:///./src/components/Home/HomeOpeningImage.vue?416a","webpack:///./src/components/Home/HomeOpeningImage.vue?561c"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","onImageSwiper","expression","arg","modifiers","staticClass","class","hide","isShow","attrs","mobileBanner","imageUrl","staticStyle","style","getTitleStyle","_v","_s","title","description","_m","on","$event","hideImage","countDown","staticRenderFns","openingImageKey","props","type","Object","data","mounted","setTimeout","setCountDown","methods","window","gio","e","console","error","Cookies","set","expires","titlePos","direction","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,gBAAgBC,MAAOP,EAAIQ,cAAeC,WAAW,gBAAgBC,IAAI,SAAS,CAACL,KAAK,QAAQC,QAAQ,qBAAqBI,IAAI,QAAQC,UAAU,CAAC,MAAO,KAAQC,YAAY,yCAAyCC,MAAM,CAAEC,MAAOd,EAAIe,QAAQC,MAAM,CAAC,GAAK,qBAAqB,CAACd,EAAG,MAAM,CAACU,YAAY,4BAA4B,CAACV,EAAG,MAAM,CAACU,YAAY,cAAc,CAACV,EAAG,MAAM,CAACU,YAAY,YAAYV,EAAG,MAAM,CAACc,MAAM,CAAC,IAAMhB,EAAIiB,aAAaC,YAAYhB,EAAG,MAAM,CAACU,YAAY,oBAAoBI,MAAM,CAAC,IAAM,iFAAiFd,EAAG,MAAM,CAACU,YAAY,WAAW,CAACV,EAAG,MAAM,CAACU,YAAY,qBAAqB,CAACV,EAAG,MAAM,CAACU,YAAY,MAAMO,YAAY,CAAC,YAAY,QAAQC,MAAOpB,EAAIqB,iBAAkB,CAACrB,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIiB,aAAaO,UAAUtB,EAAG,MAAM,CAACU,YAAY,YAAY,CAACV,EAAG,OAAO,CAACF,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIiB,aAAaQ,kBAAkBzB,EAAI0B,GAAG,OAAOxB,EAAG,MAAM,CAACU,YAAY,eAAee,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6B,eAAe,CAAC3B,EAAG,MAAM,CAACU,YAAY,eAAeV,EAAG,MAAM,CAACU,YAAY,mBAAmB,CAACV,EAAG,MAAM,CAACU,YAAY,eAAe,CAACV,EAAG,OAAO,CAACU,YAAY,UAAU,CAACZ,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAI8B,cAAc9B,EAAIsB,GAAG,OAAOpB,EAAG,MAAM,CAACU,YAAY,eAAe,CAACZ,EAAIsB,GAAG,eAEp0CS,EAAkB,CAAC,WAAY,IAAI/B,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACU,YAAY,eAAe,CAACV,EAAG,MAAM,CAACU,YAAY,iBAAiB,CAACV,EAAG,MAAM,CAACU,YAAY,iBAAiBI,MAAM,CAAC,IAAM,uEAAuE,IAAM,Y,qBCiCtR,MAAAgB,EAAA,kBAGe,OACf3B,KAAA,mBACA4B,MAAA,CACAhB,aAAA,CACAiB,KAAAC,SAGAC,OACA,OACArB,QAAA,EACAe,UAAA,IAGAO,UACAC,WAAA,KACA,KAAAvB,QAAA,EACA,KAAAwB,gBACA,MAEAC,QAAA,CACAX,YACA,IACAY,OAAAC,KACAD,OAAAC,IAAA,oBAEA,MAAAC,GACAC,QAAAC,MAAAF,GAEA,KAAA5B,QAAA,EACA+B,IAAAC,IAAAf,EAAA,QAAAgB,QAAA,KAEAT,eACA,QAAAT,WAIA,KAAAA,YACAQ,WAAA,KACA,KAAAC,gBACA,OANA,KAAAV,aAQAR,gBACA,OACA,kBAAAJ,aAAAgC,SAAA,MAGAzC,cAAA0C,GACA,OAAAA,GACA,KAAArB,eCtFwW,I,wBCQpWsB,EAAY,eACd,EACApD,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E,6CCnBf","file":"js/chunk-51846388.02541cd5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"touch\",rawName:\"v-touch:swipe\",value:(_vm.onImageSwiper),expression:\"onImageSwiper\",arg:\"swipe\"},{name:\"touch\",rawName:\"v-touch:swipe.stop\",arg:\"swipe\",modifiers:{\"stop\":true}}],staticClass:\"page-banner page1 rel scroll-container\",class:{ hide: !_vm.isShow},attrs:{\"id\":\"homeOpeningImage\"}},[_c('div',{staticClass:\"home_pg0 home_fullheight\"},[_c('div',{staticClass:\"home_pgimg\"},[_c('div',{staticClass:\"page-bg\"}),_c('img',{attrs:{\"src\":_vm.mobileBanner.imageUrl}}),_c('img',{staticClass:\"mobileBannerCover\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/mobileBannerCover.png\"}})])]),_c('div',{staticClass:\"home_lb\"},[_c('div',{staticClass:\"home_titlenav fff\"},[_c('div',{staticClass:\"f24\",staticStyle:{\"font-size\":\"1rem\"},style:(_vm.getTitleStyle())},[_vm._v(_vm._s(_vm.mobileBanner.title))]),_c('div',{staticClass:\"f14 mt10\"},[_c('span',[_vm._v(_vm._s(_vm.mobileBanner.description))])]),_vm._m(0)])]),_c('div',{staticClass:\"seconds-past\",on:{\"click\":function($event){return _vm.hideImage()}}},[_c('div',{staticClass:\"seconds-bg\"}),_c('div',{staticClass:\"seconds-content\"},[_c('div',{staticClass:\"few-seconds\"},[_c('span',{staticClass:\"second\"},[_vm._v(_vm._s(_vm.countDown))]),_vm._v(\"s\")]),_c('div',{staticClass:\"seconds-txt\"},[_vm._v(\"跳过\")])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home_arrowd\"},[_c('div',{staticClass:\"homeArrod-img\"},[_c('img',{staticClass:\"home_downarrow\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/home_downarrow.png\",\"alt\":\"\"}})])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"page-banner page1 rel scroll-container\" id=\"homeOpeningImage\" :class=\" { hide: !isShow}\"\r\n    v-touch:swipe=\"onImageSwiper\" v-touch:swipe.stop>\r\n        <div class=\"home_pg0 home_fullheight\">\r\n            <div class=\"home_pgimg\">\r\n                <div class=\"page-bg\"></div>\r\n                <img :src=\"mobileBanner.imageUrl\">\r\n                <img src=\"https://resource.rcclchina.com.cn/homePage/mobile/mobileBannerCover.png\" class=\"mobileBannerCover\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"home_lb\">\r\n            <div class=\"home_titlenav fff\" style=\"\">\r\n                <div class=\"f24\" style=\"font-size: 1rem;\" :style=\"getTitleStyle()\">{{mobileBanner.title}}</div>\r\n                <div class=\"f14 mt10\">\r\n                    <span>{{mobileBanner.description}}</span>\r\n                </div>\r\n                <div class=\"home_arrowd\">\r\n                    <div class=\"homeArrod-img\">\r\n                        <img class=\"home_downarrow\" src=\"https://resource.rcclchina.com.cn/homePage/mobile/home_downarrow.png\" alt=\"\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"seconds-past\" @click=\"hideImage()\">\r\n            <div class=\"seconds-bg\"></div>\r\n            <div class=\"seconds-content\">\r\n                <div class=\"few-seconds\"><span class=\"second\">{{countDown}}</span>s</div>\r\n                <div class=\"seconds-txt\">跳过</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst openingImageKey = 'homeImageCookie'\r\nimport Cookies from 'js-cookie'\r\n\r\nexport default {\r\n    name: \"HomeOpeningImage\",\r\n    props: {\r\n        mobileBanner: {\r\n            type: Object\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShow: false,\r\n            countDown: 4\r\n        }\r\n    },\r\n    mounted() {\r\n        setTimeout(()=>{\r\n            this.isShow = true\r\n            this.setCountDown()\r\n        }, 1000)\r\n    },\r\n    methods: {\r\n        hideImage () {\r\n            try {\r\n                if (window.gio) {\r\n                    window.gio('track', 'HomePic1');\r\n                }\r\n            } catch (e) {\r\n                console.error(e)\r\n            }\r\n            this.isShow = false\r\n            Cookies.set(openingImageKey, \"true\", { expires: 1 })\r\n        },\r\n        setCountDown () {\r\n            if (this.countDown == 0) {\r\n                this.hideImage()\r\n                return\r\n            }\r\n            this.countDown--\r\n            setTimeout(()=> {\r\n                this.setCountDown()\r\n            }, 1100)\r\n        },\r\n        getTitleStyle(){\r\n            return {\r\n                'margin-top': this.mobileBanner.titlePos + '%'\r\n            }\r\n        },\r\n        onImageSwiper (direction) {\r\n            if (direction == 'top') {\r\n                this.hideImage()\r\n            }\r\n        } \r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#homeOpeningImage.page1 {\r\n    z-index: 100000;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: auto;\r\n    height: 430px;\r\n    background: white;\r\n    overflow: hidden;\r\n    transition: 0.6s;\r\n    .home_pg0 {\r\n        background: none;\r\n        width: auto !important;\r\n        margin-left: 0 !important;\r\n        .home_pgimg {\r\n            width: 100%;\r\n            position: relative;\r\n            line-height: 0;\r\n            img {\r\n                width: 100%;\r\n            }\r\n            .mobileBannerCover {\r\n                position: absolute;\r\n                bottom: 32px;\r\n                left: 0;\r\n            }\r\n        }\r\n    }\r\n    .home_lb {\r\n        position: absolute;\r\n        width: 100%;\r\n        top: 0;\r\n        height: 100%;\r\n        .home_titlenav {\r\n            position: relative;\r\n            top: 0;\r\n            height: 100%;\r\n        }\r\n        .home_arrowd {\r\n            position: absolute;\r\n            width: 100%;\r\n            margin-top: auto;\r\n            bottom: 40px;\r\n        }\r\n        .homeArrod-img {\r\n            position: absolute;\r\n            width: 100%;\r\n            top: -40px;\r\n            text-align: center;\r\n            img {\r\n                width: 20px;\r\n                transform: rotate(180deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .seconds-past {\r\n        position: absolute;\r\n        top: 50px;\r\n        right: 15px;\r\n        padding: 3px 5px;\r\n        font-size: 14px;\r\n        color: #fff;\r\n        text-align: center;\r\n        z-index: 11;\r\n        .seconds-bg {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: #000;\r\n            opacity: .3;\r\n            border-radius: 5px;\r\n            top: 0;\r\n            left: 0;\r\n        }\r\n        .seconds-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n    }\r\n\r\n    .seconds-content .few-seconds, .seconds-content .seconds-txt {\r\n        display: inline-block;\r\n        vertical-align: top;\r\n    }\r\n}\r\n\r\n#homeOpeningImage.page1.hide {\r\n    -webkit-transform: translate3d(0, -100%, 0);\r\n    transform: translate3d(0, -100%, 0);\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!./HomeOpeningImage.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!./HomeOpeningImage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HomeOpeningImage.vue?vue&type=template&id=04bbed2a&scoped=true\"\nimport script from \"./HomeOpeningImage.vue?vue&type=script&lang=js\"\nexport * from \"./HomeOpeningImage.vue?vue&type=script&lang=js\"\nimport style0 from \"./HomeOpeningImage.vue?vue&type=style&index=0&id=04bbed2a&prod&lang=less&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  \"04bbed2a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HomeOpeningImage.vue?vue&type=style&index=0&id=04bbed2a&prod&lang=less&scoped=true\""],"sourceRoot":""}