{"version":3,"sources":["webpack:///./src/views/news/Index.vue?74a7","webpack:///src/views/news/Index.vue","webpack:///./src/views/news/Index.vue?cd1a","webpack:///./src/views/news/Index.vue","webpack:///./src/views/news/Index.vue?d9ec"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","ref","swiperOptions","_l","item","index","key","staticPath","isEn","enImageUrl","cnImageUrl","swiperOptionThumbs","_v","_s","enTitle","cnTitle","slot","staticRenderFns","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,SAAS,CAACF,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,SAAS,CAACI,IAAI,YAAYD,YAAY,qBAAqBD,MAAM,CAAC,QAAUN,EAAIS,gBAAgBT,EAAIU,GAAIV,EAAW,SAAE,SAASW,EAAKC,GAAO,OAAOR,EAAG,eAAe,CAACS,IAAID,GAAO,CAACR,EAAG,MAAM,CAACE,MAAM,CAAC,IAAMN,EAAIc,YAAcd,EAAIe,KAAOJ,EAAKK,WAAaL,EAAKM,YAAY,IAAM,WAAU,GAAGb,EAAG,SAAS,CAACI,IAAI,eAAeD,YAAY,wBAAwBD,MAAM,CAAC,QAAUN,EAAIkB,qBAAqB,CAAClB,EAAIU,GAAIV,EAAW,SAAE,SAASW,EAAKC,GAAO,OAAOR,EAAG,eAAe,CAACS,IAAID,GAAO,CAACZ,EAAImB,GAAG,IAAInB,EAAIoB,GAAGpB,EAAIe,KAAOJ,EAAKU,QAAUV,EAAKW,SAAS,UAASlB,EAAG,MAAM,CAACG,YAAY,4CAA4CD,MAAM,CAAC,KAAO,cAAciB,KAAK,gBAAgB,IAAI,KAAKnB,EAAG,gBAAgB,IAC/2BoB,EAAkB,G,oCCyBtB,GACE,KAAF,OACE,WAAF,CACI,OAAJ,YACI,YAAJ,kBAEE,KANF,WAOI,MAAJ,CACM,WAAN,gBACM,cAAN,CACQ,YAAR,EACQ,WAAR,CACU,GAAV,qBACU,WAAV,IAGM,mBAAN,CACQ,aAAR,GACQ,UAAR,YAEM,QAAN,GACM,MAAN,GACM,SAAN,EACM,SAAN,EACM,OAAN,GACM,MAAN,IAIE,MAAF,CACI,cAAJ,YACM,KAAN,gBAGE,QAAF,CACI,UADJ,SACA,GACM,KAAN,WACM,KAAN,YAEI,cALJ,WAKM,IAAN,OACM,KAAN,iEACA,oBACU,EAAV,oBACA,0CACU,EAAV,oCAKE,QAjDF,WAiDI,IAAJ,OACI,KAAJ,4DACI,KAAJ,gBAEI,KAAJ,sBACM,IAAN,2BACA,8BACM,EAAN,qBACM,EAAN,0BCnF8V,I,wBCQ1VC,EAAY,eACd,EACA1B,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf","file":"assets/js/chunk-12e6b7d4.d113ac51.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"news\"}},[_c('div',{staticClass:\"bannerBox\"},[_c('div',{staticClass:\"banner\"},[_c('swiper',{ref:\"swiperTop\",staticClass:\"swiper gallery-top\",attrs:{\"options\":_vm.swiperOptions}},_vm._l((_vm.banners),function(item,index){return _c('swiper-slide',{key:index},[_c('img',{attrs:{\"src\":_vm.staticPath + (_vm.isEn ? item.enImageUrl : item.cnImageUrl),\"alt\":\"\"}})])}),1),_c('swiper',{ref:\"swiperThumbs\",staticClass:\"swiper gallery-thumbs\",attrs:{\"options\":_vm.swiperOptionThumbs}},[_vm._l((_vm.banners),function(item,index){return _c('swiper-slide',{key:index},[_vm._v(\" \"+_vm._s(_vm.isEn ? item.enTitle : item.cnTitle)+\" \")])}),_c('div',{staticClass:\"swiper-pagination swiper-pagination-white\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)]),_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"news\">\n        <div class = \"bannerBox\">\n            <div class=\"banner\">\n                <swiper class=\"swiper gallery-top\" ref=\"swiperTop\" :options=\"swiperOptions\">\n                    <swiper-slide v-for=\"(item, index) in banners\" :key=\"index\">\n                        <img :src=\"staticPath + (isEn ? item.enImageUrl : item.cnImageUrl)\" alt />\n                    </swiper-slide>\n                </swiper>\n                <swiper class=\"swiper gallery-thumbs\" ref=\"swiperThumbs\" :options=\"swiperOptionThumbs\">\n                    <swiper-slide v-for=\"(item, index) in banners\" :key=\"index\">\n                        <!--                    <span>{{ item.type === 0 ? '头条' : item.type === 1 ? '咨询' : '新闻' }}</span>-->\n                        {{ isEn ? item.enTitle : item.cnTitle }}\n                    </swiper-slide>\n                    <div class=\"swiper-pagination swiper-pagination-white\" slot=\"pagination\"></div>\n                </swiper>\n            </div>\n        </div>\n\n        <router-view></router-view>\n    </div>\n</template>\n<script>\n    import { swiper, swiperSlide } from \"vue-awesome-swiper\";\n    import \"swiper/dist/css/swiper.css\";\n    import {urls, staticPath} from '@/lib/common'\n    export default {\n        name: \"News\",\n        components: {\n            swiper,\n            swiperSlide\n        },\n        data() {\n            return {\n                staticPath: staticPath,\n                swiperOptions: {\n                    grabCursor: false,\n                    pagination: {\n                        el: \".swiper-pagination\",\n                        clickable: true\n                    }\n                },\n                swiperOptionThumbs: {\n                    spaceBetween: 20,\n                    direction: 'vertical',\n                },\n                banners: [],\n                lists: {},\n                videoIdx: 0,\n                overlay: false,\n                contId: '',\n                isEn: false,\n\n            };\n        },\n        watch: {\n            \"$i18n.local\": function(val) {\n                this.isEn = val === 'en' ? true : false\n            }\n        },\n        methods: {\n            playVideo(index) {\n                this.videoIdx = index;\n                this.overlay = true;\n            },\n            getBannerList() {\n                this.$http.get(urls.getBannerList + this.contId).then(res => {\n                    if (res.data.status === 200) {\n                        this.banners = res.data.data;\n                    } else if (res.data.status !== 401 && res.data.status !== 106) {\n                        this.$message.error(res.data.message)\n                    }\n                })\n            }\n        },\n        mounted() {\n            this.contId = window.atob(decodeURIComponent(this.$route.query.p))\n            this.getBannerList()\n\n            this.$nextTick(() => {\n                const swiperTop = this.$refs.swiperTop.swiper\n                const swiperThumbs = this.$refs.swiperThumbs.swiper\n                swiperTop.controller.control = swiperThumbs\n                swiperThumbs.controller.control = swiperTop\n            })\n        }\n    };\n</script>\n<style lang=\"less\" scoped>\n    @deep: ~'>>>';\n    #news {\n        background: url(\"../../assets/images/news/news_bg.png\") no-repeat center center;\n        background-size: 100%;\n        &::before {\n            content: '';\n            display: block;\n            width: 5.7vw;\n            height: 23.4vw;\n            background: url(\"../../assets/images/1097.png\") no-repeat center center;\n            background-size: 100% 100%;\n            position: absolute;\n            top: 60vw;\n            left: 0;\n        }\n        .bannerBox{\n            overflow:hidden;\n            width: 100%;\n            height: 600px;\n            position: relative;\n            .banner {\n                position: absolute;\n                top:0;\n                left: 50%;\n                margin-left: -960px;\n                width: 1920px;\n                height: 600px;\n                .gallery-thumbs {\n                    width: 1200px;\n                    bottom: 24px;\n                    height: 75px;\n                    line-height: 75px;\n                    margin: -50px auto;\n                    color: #fff;\n                    background: rgba(0, 0, 0, 0.75);\n                    padding: 0 20px;\n                    box-sizing: border-box;\n                    border-radius: 10px 10px 0 0 ;\n                    .swiper-slide {\n                        font-size: 18px;\n                        >span {\n                            display: inline-block;\n                            padding: 5px 10px;\n                            color: #fff;\n                            border-radius: 4px;\n                            background: linear-gradient(to bottom, #FF4B7C, #DC000C);\n                        }\n                    }\n                    @{deep} .swiper-pagination-bullets {\n                        width: 6vw;\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n                        .swiper-pagination-bullet-active {\n                            width: 2vw;\n                            height: 1vw;\n                            border-radius: 2vw;\n                        }\n                    }\n                    @{deep} .swiper-pagination-bullet {\n                        background-color: #F2FCFF;\n                        width: 1vw;\n                        height: 1vw;\n                    }\n                }\n            }\n        }\n            \n    }\n\n    .fontFn (@px, @attr: font-size) {\n        @rem: (@px / 37.5);\n        @{attr}: ~\"@{rem}rem\";\n    }\n\n    @media screen and (max-width: 750px) {\n        #news{\n            background:none;\n            .bannerBox{\n                height: auto;\n                .banner{\n                    position:relative;\n                    top:0;\n                    left:0;\n                    width: 100%;\n                    margin-left: 0;\n                    .fontFn(170,height);\n                    margin-bottom: 6%;\n                    .gallery-thumbs{\n                        display: none;\n                    }\n                }\n                &::before{\n                    background:none;\n                }     \n            }   \n            &::before{\n                content: none;\n            }\n        }\n\n        .swiper-slide{\n            .fontFn(170,height);\n            position: relative;\n            @{deep} img{\n                width: auto;\n                .fontFn(170,height);\n                position: absolute;\n                top:50%;\n                left: 50%;\n                transform: translate(-50%,-50%);\n                -webkit-transform: translate(-50%,-50%);\n                -moz-transform: translate(-50%,-50%);\n                -ms-transform: translate(-50%,-50%);\n                -o-transform: translate(-50%,-50%);\n            }\n        }\n    }\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!./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=5c8d6552&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=5c8d6552&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  \"5c8d6552\",\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!./Index.vue?vue&type=style&index=0&id=5c8d6552&lang=less&scoped=true&\""],"sourceRoot":""}