{"version":3,"sources":["webpack:///./src/components/block/carouselone.vue","webpack:///src/components/block/carouselone.vue","webpack:///./src/components/block/carouselone.vue?3a08","webpack:///./src/components/block/carouselone.vue?92e5","webpack:///./src/components/block/carouselone.vue?f0de"],"names":["render","_vm","this","_c","_self","staticClass","ref","staticStyle","attrs","screenwidth","_l","data","items","item","index","key","cover","on","$event","arrowClick","_v","_s","description","staticRenderFns","props","Object","created","document","documentElement","clientWidth","console","log","mounted","window","onresize","methods","val","$refs","cardShow","next","prev","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,cAAc,CAACG,IAAI,WAAWC,YAAY,CAAC,OAAS,SAAS,MAAQ,MAAM,OAAS,QAAQC,MAAM,CAAC,KAAO,OAAO,OAASP,EAAIQ,YAAY,UAAW,EAAM,MAAQ,QAAQ,qBAAqB,SAASR,EAAIS,GAAIT,EAAIU,KAAKC,OAAO,SAASC,EAAKC,GAAO,OAAOX,EAAG,mBAAmB,CAACY,IAAID,GAAO,CAACX,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMK,EAAKG,MAAM,MAAQ,OAAO,OAAS,eAAc,GAAGb,EAAG,MAAM,CAACE,YAAY,OAAOY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,WAAW,YAAYhB,EAAG,MAAM,CAACE,YAAY,OAAOY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,WAAW,aAAa,GAAGhB,EAAG,MAAM,CAACE,YAAY,QAAQJ,EAAIS,GAAIT,EAAIU,KAAKC,OAAO,SAASC,EAAKC,GAAO,OAAOX,EAAG,MAAM,CAACY,IAAID,GAAO,CAACb,EAAImB,GAAG,IAAInB,EAAIoB,GAAGR,EAAKS,aAAa,UAAS,MAE/zBC,EAAkB,GCmBP,GACfC,MAAA,CACAb,KAAAc,QAEAC,UACAC,SAAAC,gBAAAC,YAAA,IACA,KAAApB,YACA,QAEA,KAAAA,YACA,QAEAqB,QAAAC,IAAA,KAAApB,OAEAA,OACA,OACAF,YAAA,UAGAuB,UACAC,OAAAC,SAAA,IACA,MACAP,SAAAC,gBAAAC,YAAA,IACA,KAAApB,YACA,QAEA,KAAAA,YACA,SANA,IAWA0B,QAAA,CACAhB,WAAAiB,GACA,SAAAA,EACA,KAAAC,MAAAC,SAAAC,OAEA,KAAAF,MAAAC,SAAAE,UC1DmW,I,wBCQ/VC,EAAY,eACd,EACAzC,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,oECnBf","file":"js/chunk-687e208e.e29ff107.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"content\"},[_c('el-carousel',{ref:\"cardShow\",staticStyle:{\"margin\":\"0 auto\",\"width\":\"78%\",\"height\":\"100%\"},attrs:{\"type\":\"card\",\"height\":_vm.screenwidth,\"autoplay\":false,\"arrow\":\"never\",\"indicator-position\":\"none\"}},_vm._l((_vm.data.items),function(item,index){return _c('el-carousel-item',{key:index},[_c('img',{attrs:{\"src\":item.cover,\"width\":\"100%\",\"height\":\"100%\"}})])}),1),_c('div',{staticClass:\"next\",on:{\"click\":function($event){return _vm.arrowClick('next')}}}),_c('div',{staticClass:\"prev\",on:{\"click\":function($event){return _vm.arrowClick('prev')}}})],1),_c('div',{staticClass:\"text\"},_vm._l((_vm.data.items),function(item,index){return _c('div',{key:index},[_vm._v(\" \"+_vm._s(item.description)+\" \")])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"body\">\r\n        <div class=\"content\">\r\n            <el-carousel type=\"card\" :height=\"screenwidth\" :autoplay=\"false\" arrow=\"never\" indicator-position=\"none\"\r\n                style=\"margin: 0 auto;width: 78%;height: 100%\" ref=\"cardShow\">\r\n                <el-carousel-item v-for=\"(item, index) in data.items\" :key=\"index\">\r\n                    <img :src=\"item.cover\" width=\"100%\" height=\"100%\" />\r\n                </el-carousel-item>\r\n            </el-carousel>\r\n            <div class=\"next\" @click=\"arrowClick('next')\"></div>\r\n            <div class=\"prev\" @click=\"arrowClick('prev')\"></div>\r\n        </div>\r\n        <div class=\"text\">\r\n            <div v-for=\"(item, index) in data.items\" :key=\"index\">\r\n                {{ item.description }}\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    props: {\r\n        data: Object,\r\n    },\r\n    created() {\r\n        if (document.documentElement.clientWidth > 700) {\r\n            this.screenwidth =\r\n                300 + \"px\";\r\n        } else {\r\n            this.screenwidth =\r\n                130 + \"px\";\r\n        }\r\n        console.log(this.data);\r\n    },\r\n    data() {\r\n        return {\r\n            screenwidth: '700px'\r\n        };\r\n    },\r\n    mounted() {\r\n        window.onresize = () => {\r\n            return (() => {\r\n                if (document.documentElement.clientWidth > 700) {\r\n                    this.screenwidth =\r\n                        300 + \"px\";\r\n                } else {\r\n                    this.screenwidth =\r\n                        130 + \"px\";\r\n                }\r\n            })();\r\n        };\r\n    },\r\n    methods: {\r\n        arrowClick(val) {\r\n            if (val === \"next\") {\r\n                this.$refs.cardShow.next();\r\n            } else {\r\n                this.$refs.cardShow.prev();\r\n            }\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.body {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 50px auto 0 auto;\r\n    display: block;\r\n    white-space: pre-line;\r\n}\r\n\r\n.text {\r\n    width: 70%;\r\n    margin: 60px auto 0 auto;\r\n    text-align: center;\r\n    color: #3e3a39;\r\n    line-height: 30px;\r\n    font-size: 16px;\r\n}\r\n\r\n.content {\r\n    text-align: center;\r\n    position: relative;\r\n\r\n    .next {\r\n        background: url(https://www.tongyuan.cc/templets/seowhy/new/images/29.png);\r\n        background-size: 100% 100%;\r\n        right: 0;\r\n        left: auto;\r\n        top: 50%;\r\n        position: absolute;\r\n        width: 44px;\r\n        height: 79px;\r\n        margin-top: -50px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .prev {\r\n        left: 0;\r\n        right: auto;\r\n        top: 50%;\r\n        position: absolute;\r\n        background: url(https://www.tongyuan.cc/templets/seowhy/new/images/28.png);\r\n        background-size: 100% 100%;\r\n        width: 44px;\r\n        height: 79px;\r\n        margin-top: -50px;\r\n        cursor: pointer;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 700px) {\r\n    .text {\r\n        width: 90%;\r\n        margin: 30px auto 0 auto;\r\n        text-align: left;\r\n        color: #3e3a39;\r\n        line-height: 25px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .content {\r\n        .next {\r\n            top: 60%;\r\n            width: 35px;\r\n            height: 60px;\r\n        }\r\n\r\n        .prev {\r\n            top: 60%;\r\n            width: 35px;\r\n            height: 60px;\r\n        }\r\n    }\r\n}\r\n</style>\r\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!./carouselone.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!./carouselone.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./carouselone.vue?vue&type=template&id=0c0cabb5&scoped=true\"\nimport script from \"./carouselone.vue?vue&type=script&lang=js\"\nexport * from \"./carouselone.vue?vue&type=script&lang=js\"\nimport style0 from \"./carouselone.vue?vue&type=style&index=0&id=0c0cabb5&prod&lang=scss&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  \"0c0cabb5\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--9-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./carouselone.vue?vue&type=style&index=0&id=0c0cabb5&prod&lang=scss&scoped=true\""],"sourceRoot":""}