{"version":3,"sources":["webpack:///./src/components/Swiper.vue?858a","webpack:///src/components/Swiper.vue","webpack:///./src/components/Swiper.vue?bc60","webpack:///./src/components/Swiper.vue","webpack:///./src/components/Swiper.vue?91fb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","height","newheight","on","handlermMouseenter","handlermMouseleave","class","istrue","left","_l","item","index","key","width","newwidth","attrs","url","picUrl","staticRenderFns","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAAEC,OAAOR,EAAIS,UAAU,MAAOC,GAAG,CAAC,WAAaV,EAAIW,mBAAmB,WAAaX,EAAIY,qBAAqB,CAACR,EAAG,MAAM,CAACE,YAAY,OAAOO,MAAM,CAAC,UAAYb,EAAIc,QAAQP,MAAM,CAAEQ,KAAKf,EAAIe,KAAK,OAAQf,EAAIgB,GAAIhB,EAAc,YAAE,SAASiB,EAAKC,GAAO,OAAOd,EAAG,MAAM,CAACe,IAAID,EAAMZ,YAAY,OAAOC,MAAM,CAAEa,MAAMpB,EAAIqB,SAAS,KAAKb,OAAOR,EAAIS,UAAU,OAAQ,CAACL,EAAG,IAAI,CAACkB,MAAM,CAAC,KAAOL,EAAKM,IAAI,OAAS,UAAU,CAACnB,EAAG,MAAM,CAACkB,MAAM,CAAC,IAAML,EAAKO,OAAO,IAAM,aAAY,QAC5mBC,EAAkB,G,YCctB,G,UAAA,CACE,KADF,WAEI,MAAJ,CACM,QAAN,EACM,MAAN,EACM,KAAN,EACM,MAAN,KACM,SAAN,WACM,UAAN,YACM,WAAN,KAGE,MAAF,CACI,KAAJ,CACM,MAAN,EACM,QAFN,SAEA,KACQ,KAAR,WAIE,SAAF,CAII,QAJJ,WAKM,OAAN,2BAGE,QA5BF,aAkCE,QAlCF,aAqCE,QAAF,CAEI,MAFJ,WAEM,IAAN,OAIM,KAAN,qCACA,sCASA,sCARQ,KAAR,cACQ,KAAR,0EACQ,KAAR,8BACU,EAAV,cACA,eACY,EAAZ,UAEA,MAUA,uCAEA,yCADQ,KAAR,YAMI,mBAhCJ,WAiCM,cAAN,aAEI,mBAnCJ,WAoCM,KAAN,SAEI,aAtCJ,SAsCA,GACM,OAAN,cAGE,UA/EF,WAgFI,cAAJ,aAEE,MAAF,uCCjGgV,I,wBCQ5UC,EAAY,eACd,EACA3B,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf","file":"js/chunk-554f42e6.c0efcc2a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"swiper-box\"},[_c('div',{staticClass:\"wrap\",style:({height:_vm.newheight+'px'}),on:{\"mouseenter\":_vm.handlermMouseenter,\"mouseleave\":_vm.handlermMouseleave}},[_c('div',{staticClass:\"list\",class:{'classtrue':_vm.istrue},style:({left:_vm.left+'px'})},_vm._l((_vm.swiperList),function(item,index){return _c('div',{key:index,staticClass:\"item\",style:({width:_vm.newwidth+'px',height:_vm.newheight+'px'})},[_c('a',{attrs:{\"href\":item.url,\"target\":\"blank\"}},[_c('img',{attrs:{\"src\":item.picUrl,\"alt\":\"\"}})])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"swiper-box\">\n    <div class=\"wrap\" :style=\"{height:newheight+'px'}\" @mouseenter=\"handlermMouseenter\" @mouseleave=\"handlermMouseleave\">\n        <div class=\"list\" :style=\"{left:left+'px'}\" :class=\"{'classtrue':istrue}\">\n            <div :style=\"{width:newwidth+'px',height:newheight+'px'}\" class=\"item\" v-for=\"(item,index) in swiperList\" :key=\"index\">\n                <a :href=\"item.url\" target=\"blank\">\n                    <img :src=\" item.picUrl\" alt />\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n</template>\n\n<script>\nexport default {\n    data() {\n        return {\n            istrue: false,\n            speed: 1,\n            left: 0,\n            timer: null,\n            newwidth: this.width,\n            newheight: this.height,\n            swiperList: [],\n        };\n    },\n    watch: {\n        list: {\n            deep: true,\n            handler(newVal, oldVal) {\n                this.start();\n            }\n        }\n    },\n    computed: {\n        // swiperList() {\n        //     return [...this.list, ...this.list];\n        // },\n        baseUrl() {\n            return this.$store.state.fileIp;\n        },\n    },\n    created() {\n        // console.log(this.list, 55555);\n\n        // console.log(this.width,777)\n        // this.start();\n    },\n    mounted() {\n\n    },\n    methods: {\n        //滚动开始\n        start() {\n            // console.log(111111111)\n            // console.log(this.newstyle, \"this.newstyle\")\n            // console.log(this.list, \"this.list\")\n            this.swiperList = [...this.list]\n            if (this.newstyle == 1 && this.list.length > 3) {\n                this.swiperList = []\n                this.swiperList = [...this.list, ...this.list]\n                this.timer = setInterval(() => {\n                    this.left -= this.speed;\n                    if (this.left < -1169) {\n                        this.left = 0;\n                    }\n                }, 17);\n            } else if (this.newstyle == 2 && this.list.length > 6) {\n                this.swiperList = []\n                this.swiperList = [...this.list, ...this.list]\n                this.timer = setInterval(() => {\n                    this.left -= this.speed;\n                    if (this.left < -1169) {\n                        this.left = 0;\n                    }\n                }, 17);\n            } else if (this.newstyle == 2 && this.list.length <= 6) {\n                this.istrue = true;\n            } else if (this.newstyle == 1 && this.list.length <= 3) {\n                this.istrue = true;\n            }\n\n        },\n        handlermMouseenter() {\n            clearInterval(this.timer);\n        },\n        handlermMouseleave() {\n            this.start();\n        },\n        handlerClick(item) {\n            window.open(item.url);\n        },\n    },\n    destroyed() {\n        clearInterval(this.timer);\n    },\n    props: [\"list\", \"width\", \"height\", \"newstyle\"],\n};\n</script>\n\n<style lang=\"less\" scoped>\n.swiper-box {\n    padding: 0 20px;\n    width: 1160px;\n    background: white;\n\n    .wrap {\n        position: relative;\n        overflow: hidden;\n        padding: 20px 0;\n        background: white;\n        margin-bottom: 30px;\n        display: flex;\n        justify-content: center;\n\n        .list {\n            position: absolute;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            // left: 50% !important;\n            // top: 50%;\n            // transform: translate(-50%, -50%);\n\n            .item {\n                //   width: 372px;\n                margin-right: 22px;\n                overflow: hidden;\n\n            }\n        }\n    }\n}\n\nimg {\n    object-fit: cover;\n}\n\n.classtrue {\n    left: 50% !important;\n    top: 50%;\n    transform: translate(-50%, -50%);\n}\n</style>\n","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!./Swiper.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!./Swiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Swiper.vue?vue&type=template&id=8dfa176c&scoped=true&\"\nimport script from \"./Swiper.vue?vue&type=script&lang=js&\"\nexport * from \"./Swiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Swiper.vue?vue&type=style&index=0&id=8dfa176c&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  \"8dfa176c\",\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!./Swiper.vue?vue&type=style&index=0&id=8dfa176c&lang=less&scoped=true&\""],"sourceRoot":""}