{"version":3,"sources":["webpack:///./src/views/auca/images.vue?3033","webpack:///src/views/auca/images.vue","webpack:///./src/views/auca/images.vue?894c","webpack:///./src/views/auca/images.vue","webpack:///./src/components/imagesBanner2.vue?3419","webpack:///./src/components/imagesBanner2.vue?213f","webpack:///src/components/imagesBanner2.vue","webpack:///./src/components/imagesBanner2.vue?3709","webpack:///./src/components/imagesBanner2.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","data","pictures","mobileData","mobilePictures","staticRenderFns","imagesvue_type_script_lang_js_","name","computed","Object","objectSpread","vuex_esm","components","ImagesBanner","imagesBanner2","mounted","$store","dispatch","watch","methods","destroyed","auca_imagesvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","__webpack_require__","ref","options","_l","item","index","key","_item","_index","class","type","style","src","alt","preview","mobileOptions","slot","imagesBanner2vue_type_script_lang_js_","props","resistanceRatio","navigation","prevEl","nextEl","observer","observeParents","spaceBetween","swiper","$refs","mobileSwiper","vue_awesome_swiper","swiperSlide","slideTo","components_imagesBanner2vue_type_script_lang_js_"],"mappings":"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","file":"js/chunk-7f3699dc.8254a6e5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tab4\"},[_c('ImagesBanner',{attrs:{\"data\":_vm.pictures,\"mobileData\":_vm.mobilePictures}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"tab4\">\r\n        <ImagesBanner :data=\"pictures\" :mobileData=\"mobilePictures\"/>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport ImagesBanner from '../../components/imagesBanner2.vue';\r\nexport default {\r\n    name: \"images\",\r\n    data() {\r\n        return {\r\n            \r\n        };\r\n    },\r\n    computed: {\r\n        ...mapState(['pictures', 'mobilePictures'])\r\n    },\r\n    components: {\r\n        ImagesBanner\r\n        \r\n    },\r\n    mounted() {\r\n        this.$store.dispatch('getPictures');\r\n    },\r\n    watch: {},\r\n    methods: {},\r\n    destroyed() {},\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./images.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./images.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./images.vue?vue&type=template&id=22c46696&scoped=true&\"\nimport script from \"./images.vue?vue&type=script&lang=js&\"\nexport * from \"./images.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"22c46696\",\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/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./imagesBanner2.vue?vue&type=style&index=0&id=56305603&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"images_banner\"},[_c('swiper',{ref:\"swiper\",staticClass:\"pc\",attrs:{\"options\":_vm.options}},[_vm._l((_vm.data),function(item,index){return [_c('swiper-slide',{key:index},[_c('div',{staticClass:\"group\"},_vm._l((item),function(_item,_index){return _c('div',{key:_index,staticClass:\"item\",class:_vm.type,style:((\"background-image: url(\" + _item + \");\"))},[_c('img',{attrs:{\"src\":_item,\"alt\":\"\",\"preview\":\"1\"}})])}),0)])]})],2),_c('swiper',{ref:\"mobileSwiper\",staticClass:\"mobile\",attrs:{\"options\":_vm.mobileOptions}},[_vm._l((_vm.mobileData),function(item,index){return [_c('swiper-slide',{key:index},[_c('div',{staticClass:\"item\",style:((\"background-image: url(\" + item + \");\"))},[_c('img',{attrs:{\"src\":item,\"alt\":\"\",\"preview\":\"2\"}})])])]})],2),_c('div',{staticClass:\"swiper-button-prev pc\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next pc\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev mobile\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next mobile\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"images_banner\">\r\n        <swiper ref=\"swiper\" class=\"pc\" :options=\"options\">\r\n            <template v-for=\"(item, index) in data\">\r\n                <swiper-slide :key=\"index\">\r\n                    <div class=\"group\">\r\n                        <div class=\"item\" :class=\"type\" v-for=\"(_item, _index) in item\" :key=\"_index\" :style=\"`background-image: url(${_item});`\">\r\n                            <img :src=\"_item\" alt=\"\" preview=\"1\"/>\r\n                        </div>\r\n                    </div>\r\n                </swiper-slide>\r\n            </template>\r\n        </swiper>\r\n        <swiper ref=\"mobileSwiper\" class=\"mobile\" :options=\"mobileOptions\">\r\n            <template v-for=\"(item, index) in mobileData\">\r\n                <swiper-slide :key=\"index\">\r\n                    <div class=\"item\" :style=\"`background-image: url(${item});`\">\r\n                        <img :src=\"item\" alt=\"\" preview=\"2\"/>\r\n                    </div>\r\n                </swiper-slide>\r\n            </template>\r\n        </swiper>\r\n        <div class=\"swiper-button-prev pc\" slot=\"button-prev\"></div>\r\n        <div class=\"swiper-button-next pc\" slot=\"button-next\"></div>\r\n        <div class=\"swiper-button-prev mobile\" slot=\"button-prev\"></div>\r\n        <div class=\"swiper-button-next mobile\" slot=\"button-next\"></div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { swiper, swiperSlide, directive, navigation } from 'vue-awesome-swiper'\r\nimport 'swiper/dist/css/swiper.css'\r\nexport default {\r\n    name: \"imagesBanner\",\r\n    props: [ 'data', 'type', 'mobileData' ],\r\n    data() {\r\n        return {\r\n            options: {\r\n                resistanceRatio: 0,\r\n                navigation: {\r\n                    prevEl: '.images_banner .swiper-button-prev.pc',\r\n                    nextEl: '.images_banner .swiper-button-next.pc',\r\n                },\r\n                observer: true,\r\n                observeParents: true,\r\n                spaceBetween: '1.25%',\r\n            },\r\n            mobileOptions: {\r\n                resistanceRatio: 0,\r\n                navigation: {\r\n                    prevEl: '.images_banner .swiper-button-prev.mobile',\r\n                    nextEl: '.images_banner .swiper-button-next.mobile',\r\n                },\r\n                observer: true,\r\n                observeParents: true,\r\n            },\r\n        };\r\n    },\r\n    computed: {\r\n        swiper() {\r\n            return this.$refs.swiper.swiper\r\n        },\r\n        mobileSwiper() {\r\n            return this.$refs.mobileSwiper.swiper\r\n        },\r\n    },\r\n    components: {\r\n        swiper,\r\n        swiperSlide,\r\n        \r\n    },\r\n    mounted() {\r\n    },\r\n    destroyed() {},\r\n    watch: {\r\n        data(){\r\n            // 数据变动后，轮播图切换到第一个\r\n            this.swiper.slideTo(0, 0);\r\n            this.mobileSwiper.slideTo(0, 0);\r\n        }\r\n    },\r\n    methods: {},\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.images_banner{\r\n    position: relative;\r\n    .mobile{\r\n        display: none;\r\n    }\r\n    .group{\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        .item{\r\n            overflow: hidden;\r\n            height: 2.6rem;\r\n            margin: 0 .15rem .15rem 0;\r\n            background: no-repeat center/cover;\r\n            &:nth-of-type(1){ width: 5.1rem }\r\n            &:nth-of-type(2){ width: 3.25rem }\r\n            &:nth-of-type(3){ width: 3.35rem; margin-right: 0 }\r\n            &:nth-of-type(4){ width: 3.25rem; margin-bottom: 0 }\r\n            &:nth-of-type(5){ width: 5.1rem; margin-bottom: 0 }\r\n            &:nth-of-type(6){ width: 3.35rem; margin: 0 }\r\n            &.type2{\r\n                &:nth-of-type(1){ width: 5.1rem }\r\n                &:nth-of-type(2){ width: 3.05rem }\r\n                &:nth-of-type(3){ width: 3.55rem; margin-right: 0 }\r\n                &:nth-of-type(4){ width: 6.1rem; margin-bottom: 0; }\r\n                &:nth-of-type(5){ width: 5.75rem; margin: 0 }\r\n            }\r\n            img{\r\n                opacity: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n    }\r\n    .swiper-button-prev,\r\n    .swiper-button-next{\r\n        width: .24rem;\r\n        height: .3rem;\r\n        background: no-repeat 0/100%;\r\n        margin-top: -.15rem;\r\n        &::after{\r\n            display: none;\r\n        }\r\n        &.swiper-button-disabled{\r\n            opacity: 0;\r\n        }\r\n    }\r\n    .swiper-button-prev{\r\n        left: -.75rem;\r\n        background-image: url('~@/assets/images/icon_arrow_prev.svg');\r\n    }\r\n    .swiper-button-next{\r\n        right: -.75rem;\r\n        background-image: url('~@/assets/images/icon_arrow_next.svg');\r\n    }\r\n    @media only screen and (max-width: 1200px) {\r\n        .pc{\r\n            display: none;\r\n        }\r\n        .mobile{\r\n            display: block;\r\n            .item{\r\n                width: 100%;\r\n                height: 8rem;\r\n                background: no-repeat center/cover;\r\n                img{\r\n                    opacity: 0;\r\n                    width: 100%;\r\n                    height: 100%;\r\n                }\r\n            }\r\n        }\r\n        .swiper-button-prev,\r\n        .swiper-button-next{\r\n            width: .64rem;\r\n            height: .82rem;\r\n        }\r\n        .swiper-button-prev{\r\n            left: .35rem;\r\n        }\r\n        .swiper-button-next{\r\n            right: .35rem;\r\n        }\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./imagesBanner2.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./imagesBanner2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./imagesBanner2.vue?vue&type=template&id=56305603&scoped=true&\"\nimport script from \"./imagesBanner2.vue?vue&type=script&lang=js&\"\nexport * from \"./imagesBanner2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./imagesBanner2.vue?vue&type=style&index=0&id=56305603&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"56305603\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}