{"version":3,"sources":["webpack:///./src/views/user/promotion/Poster.vue?9db1","webpack:///./src/views/user/promotion/Poster.vue","webpack:///src/views/user/promotion/Poster.vue","webpack:///./src/views/user/promotion/Poster.vue?a03d","webpack:///./src/views/user/promotion/Poster.vue?5c04"],"names":["render","_vm","this","_c","_self","staticClass","ref","attrs","swiperPosters","_l","info","item","index","key","wap_poster","_m","staticRenderFns","_v","name","components","swiper","swiperSlide","props","data","speed","effect","slidesPerView","centeredSlides","coverflowEffect","rotate","stretch","depth","modifier","slideShadows","observer","observeParents","activeIndex","mounted","getIndex","that","on","computed","$refs","mySwiper","methods","getSpreadImg","then","res","err","$dialog","message","msg","component"],"mappings":"mHAAA,W,oECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,SAAS,CAACG,IAAI,WAAWD,YAAY,iBAAiBE,MAAM,CAAC,QAAUN,EAAIO,gBAAgBP,EAAIQ,GAAIR,EAAIS,MAAM,SAASC,EAAKC,GAAO,OAAOT,EAAG,cAAc,CAACU,IAAID,EAAMP,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcE,MAAM,CAAC,IAAMI,EAAKG,mBAAkB,IAAI,GAAGb,EAAIc,GAAG,MAExbC,EAAkB,CAAC,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,MAAM,CAACE,YAAY,SAASF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACJ,EAAIgB,GAAG,YAAYd,EAAG,MAAM,CAACE,YAAY,a,oCCsC7N,GACfa,KAAA,SACAC,WAAA,CACAC,mBACAC,8BAEAC,MAAA,GACAC,KAAA,WACA,OACAf,cAAA,CACAgB,MAAA,IACAC,OAAA,YACAC,cAAA,OACAC,gBAAA,EACAC,gBAAA,CACAC,OAAA,EACAC,SAAA,GACAC,MAAA,IACAC,SAAA,EACAC,cAAA,GAEAC,UAAA,EACAC,gBAAA,GAEAzB,KAAA,GACA0B,YAAA,IAGAC,QAAA,WACA,KAAAC,WACA,IAAAC,EAAA,KACA,KAAAnB,OAAAoB,GAAA,0BACAD,EAAAH,YAAAG,EAAAnB,OAAAgB,gBAGAK,SAAA,CACArB,OAAA,WACA,YAAAsB,MAAAC,SAAAvB,SAGAwB,QAAA,CACAN,SAAA,WACA,IAAAC,EAAA,KACAM,iBAAAC,MACA,SAAAC,GACAR,EAAA7B,KAAAqC,EAAAxB,QAEA,SAAAyB,GACAT,EAAAU,QAAAC,QAAAF,EAAAG,WCxF6W,I,yBCQzWC,EAAY,eACd,EACApD,EACAgB,GACA,EACA,KACA,KACA,MAIa,aAAAoC,E","file":"h5/js/chunk-634dc119.2f868d02.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Poster.vue?vue&type=style&index=0&id=d865710a&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"distribution-posters\"},[_c('div',{staticClass:\"slider-banner banner\"},[_c('swiper',{ref:\"mySwiper\",staticClass:\"swiper-wrapper\",attrs:{\"options\":_vm.swiperPosters}},_vm._l((_vm.info),function(item,index){return _c('swiperSlide',{key:index,staticClass:\"swiper-slide\"},[_c('img',{staticClass:\"slide-image\",attrs:{\"src\":item.wap_poster}})])}),1)],1),_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"preserve acea-row row-center-wrapper\"},[_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"tip\"},[_vm._v(\"长按保存图片\")]),_c('div',{staticClass:\"line\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"distribution-posters\">\n    <div class=\"slider-banner banner\">\n      <swiper class=\"swiper-wrapper\" :options=\"swiperPosters\" ref=\"mySwiper\">\n        <swiperSlide\n          class=\"swiper-slide\"\n          v-for=\"(item, index) in info\"\n          :key=\"index\"\n        >\n          <img class=\"slide-image\" :src=\"item.wap_poster\" />\n        </swiperSlide>\n      </swiper>\n    </div>\n    <!--<div class=\"keep bg-color-red\" @click=\"saveImg\">保存海报</div>-->\n    <div class=\"preserve acea-row row-center-wrapper\">\n      <div class=\"line\"></div>\n      <div class=\"tip\">长按保存图片</div>\n      <div class=\"line\"></div>\n    </div>\n  </div>\n</template>\n<style>\n.preserve {\n  color: #fff;\n  text-align: center;\n  margin-top: 0.2rem;\n}\n.preserve .line {\n  width: 1rem;\n  height: 0.01rem;\n  background-color: #fff;\n}\n.preserve .tip {\n  margin: 0 0.3rem;\n}\n</style>\n<script>\nimport { swiper, swiperSlide } from \"vue-awesome-swiper\";\nimport \"@assets/css/swiper.min.css\";\nimport { getSpreadImg } from \"../../../api/user\";\nexport default {\n  name: \"Poster\",\n  components: {\n    swiper,\n    swiperSlide\n  },\n  props: {},\n  data: function() {\n    return {\n      swiperPosters: {\n        speed: 1000,\n        effect: \"coverflow\",\n        slidesPerView: \"auto\",\n        centeredSlides: true,\n        coverflowEffect: {\n          rotate: 0, // 旋转的角度\n          stretch: -20, // 拉伸   图片间左右的间距和密集度\n          depth: 100, // 深度   切换图片间上下的间距和密集度\n          modifier: 3, // 修正值 该值越大前面的效果越明显\n          slideShadows: false // 页面阴影效果\n        },\n        observer: true,\n        observeParents: true\n      },\n      info: [],\n      activeIndex: 0\n    };\n  },\n  mounted: function() {\n    this.getIndex();\n    let that = this;\n    this.swiper.on(\"slideChange\", function() {\n      that.activeIndex = that.swiper.activeIndex;\n    });\n  },\n  computed: {\n    swiper() {\n      return this.$refs.mySwiper.swiper;\n    }\n  },\n  methods: {\n    getIndex: function() {\n      let that = this;\n      getSpreadImg().then(\n        res => {\n          that.info = res.data;\n        },\n        err => {\n          that.$dialog.message(err.msg);\n        }\n      );\n    }\n    // downloadIamge: function(imgsrc, name) {\n    //   let image = new Image();\n    //   image.setAttribute(\"crossOrigin\", \"anonymous\");\n    //   image.onload = function() {\n    //     let canvas = document.createElement(\"canvas\");\n    //     canvas.width = image.width;\n    //     canvas.height = image.height;\n    //     let context = canvas.getContext(\"2d\");\n    //     context.drawImage(image, 0, 0, image.width, image.height);\n    //     let url = canvas.toDataURL(\"image/png\"); //得到图片的base64编码数据\n    //     let a = document.createElement(\"a\"); // 生成一个a元素\n    //     let event = new MouseEvent(\"click\"); // 创建一个单击事件\n    //     a.download = name || \"photo\"; // 设置图片名称\n    //     a.href = url; // 将生成的URL设置为a.href属性\n    //     a.dispatchEvent(event); // 触发a的单击事件\n    //   };\n    //   image.src = imgsrc;\n    // },\n    // saveImg: function() {\n    //   console.log(this.info[this.activeIndex].wap_poster);\n    //   this.downloadIamge(\n    //     this.info[this.activeIndex].wap_poster,\n    //     \"poster\" + this.activeIndex\n    //   );\n    // }\n  }\n};\n</script>\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!./Poster.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!./Poster.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Poster.vue?vue&type=template&id=d865710a\"\nimport script from \"./Poster.vue?vue&type=script&lang=js\"\nexport * from \"./Poster.vue?vue&type=script&lang=js\"\nimport style0 from \"./Poster.vue?vue&type=style&index=0&id=d865710a&prod&lang=css\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}