{"version":3,"sources":["webpack:///./src/views/moblie/user/promotion/Poster.vue?ad6a","webpack:///src/views/moblie/user/promotion/Poster.vue","webpack:///./src/views/moblie/user/promotion/Poster.vue?c507","webpack:///./src/views/moblie/user/promotion/Poster.vue?b360","webpack:///./src/views/moblie/user/promotion/Poster.vue?d6d2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","swiperPosters","_l","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","info","activeIndex","mounted","getIndex","on","that","computed","$refs","mySwiper","methods","console","log","$route","query","JSON","stringify","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,SAAS,CAACG,IAAI,WAAWD,YAAY,iBAAiBE,MAAM,CAAC,QAAUR,EAAIS,gBAAgBT,EAAIU,GAAIV,EAAQ,MAAE,SAASW,EAAKC,GAAO,OAAOR,EAAG,cAAc,CAACS,IAAID,EAAMN,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcE,MAAM,CAAC,IAAMG,EAAKG,mBAAkB,IAAI,GAAGd,EAAIe,GAAG,MACrdC,EAAkB,CAAC,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,MAAM,CAACE,YAAY,SAASF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIiB,GAAG,YAAYb,EAAG,MAAM,CAACE,YAAY,a,oCCuC/Q,GACEY,KAAM,SACNC,WAAY,CACVC,OAAJ,YACIC,YAAJ,kBAEEC,MAAO,GACPC,KAAM,WACJ,MAAO,CACLd,cAAe,CACbe,MAAO,IACPC,OAAQ,YACRC,cAAe,OACfC,gBAAgB,EAChBC,gBAAiB,CACfC,OAAQ,EACRC,SAAU,GACVC,MAAO,IACPC,SAAU,EACVC,cAAc,GAEhBC,UAAU,EACVC,gBAAgB,GAElBC,KAAM,GACNC,YAAa,IAGjBC,QAAS,WACPrC,KAAKsC,WACL,IAAJ,OACItC,KAAKmB,OAAOoB,GAAG,eAAe,WAC5BC,EAAKJ,YAAcI,EAAKrB,OAAOiB,gBAGnCK,SAAU,CACRtB,OADJ,WAEM,OAAOnB,KAAK0C,MAAMC,SAASxB,SAG/ByB,QAAS,CACPN,SAAU,WACR,IAAN,OACMO,QAAQC,IAAIN,EAAKO,OAAOC,OACkB,OAAtCC,KAAKC,UAAUV,EAAKO,OAAOC,QAC7BH,QAAQC,IAAI,OACZ,OAAR,QAAQ,CAAR,uCACA,YACU,EAAV,YACU,QAAV,eAEA,YACU,EAAV,2BAIQ,OAAR,OAAQ,GAAR,MACA,YACU,EAAV,eAEA,YACU,EAAV,6BCrG6X,I,wBCQzXK,EAAY,eACd,EACArD,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAoC,E,2CCnBf,yBAAggB,EAAG,G","file":"h5/js/chunk-04054051.acd056d5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"distribution-posters\">\r\n    <div class=\"slider-banner banner\">\r\n      <swiper class=\"swiper-wrapper\" :options=\"swiperPosters\" ref=\"mySwiper\">\r\n        <swiperSlide\r\n          class=\"swiper-slide\"\r\n          v-for=\"(item, index) in info\"\r\n          :key=\"index\"\r\n        >\r\n          <img class=\"slide-image\" :src=\"item.wap_poster\" />\r\n        </swiperSlide>\r\n      </swiper>\r\n    </div>\r\n    <!--<div class=\"keep bg-color-red\" @click=\"saveImg\">保存海报</div>-->\r\n    <div class=\"preserve acea-row row-center-wrapper\">\r\n      <div class=\"line\"></div>\r\n      <div class=\"tip\">長按保存圖片</div>\r\n      <div class=\"line\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<style>\r\n.preserve {\r\n  color: #fff;\r\n  text-align: center;\r\n  margin-top: 0.2rem;\r\n}\r\n.preserve .line {\r\n  width: 1rem;\r\n  height: 0.01rem;\r\n  background-color: #fff;\r\n}\r\n.preserve .tip {\r\n  margin: 0 0.3rem;\r\n}\r\n</style>\r\n<script>\r\nimport { swiper, swiperSlide } from \"vue-awesome-swiper\";\r\nimport \"@assets/moblie/css/swiper.min.css\";\r\nimport { getSpreadImg, getUserPoster } from \"../../../../api/user\";\r\nexport default {\r\n  name: \"Poster\",\r\n  components: {\r\n    swiper,\r\n    swiperSlide\r\n  },\r\n  props: {},\r\n  data: function() {\r\n    return {\r\n      swiperPosters: {\r\n        speed: 1000,\r\n        effect: \"coverflow\",\r\n        slidesPerView: \"auto\",\r\n        centeredSlides: true,\r\n        coverflowEffect: {\r\n          rotate: 0, // 旋转的角度\r\n          stretch: -20, // 拉伸   图片间左右的间距和密集度\r\n          depth: 100, // 深度   切换图片间上下的间距和密集度\r\n          modifier: 3, // 修正值 该值越大前面的效果越明显\r\n          slideShadows: false // 页面阴影效果\r\n        },\r\n        observer: true,\r\n        observeParents: true\r\n      },\r\n      info: [],\r\n      activeIndex: 0\r\n    };\r\n  },\r\n  mounted: function() {\r\n    this.getIndex();\r\n    let that = this;\r\n    this.swiper.on(\"slideChange\", function() {\r\n      that.activeIndex = that.swiper.activeIndex;\r\n    });\r\n  },\r\n  computed: {\r\n    swiper() {\r\n      return this.$refs.mySwiper.swiper;\r\n    }\r\n  },\r\n  methods: {\r\n    getIndex: function() {\r\n      let that = this;\r\n      console.log(that.$route.query);\r\n      if (JSON.stringify(that.$route.query) !== \"{}\") {\r\n        console.log(\"yes\");\r\n        getUserPoster({ uid: that.$route.query.uid, type: 2 }).then(\r\n          res => {\r\n            that.info = res.data;\r\n            console.log(that.info);\r\n          },\r\n          err => {\r\n            that.$dialog.message(err.msg);\r\n          }\r\n        );\r\n      } else {\r\n        getSpreadImg().then(\r\n          res => {\r\n            that.info = res.data;\r\n          },\r\n          err => {\r\n            that.$dialog.message(err.msg);\r\n          }\r\n        );\r\n      }\r\n\r\n      // getUserPoster({ uid, type: 2 }).then(res => {\r\n      //   console.log(res);\r\n      // });\r\n    }\r\n    // downloadIamge: function(imgsrc, name) {\r\n    //   let image = new Image();\r\n    //   image.setAttribute(\"crossOrigin\", \"anonymous\");\r\n    //   image.onload = function() {\r\n    //     let canvas = document.createElement(\"canvas\");\r\n    //     canvas.width = image.width;\r\n    //     canvas.height = image.height;\r\n    //     let context = canvas.getContext(\"2d\");\r\n    //     context.drawImage(image, 0, 0, image.width, image.height);\r\n    //     let url = canvas.toDataURL(\"image/png\"); //得到图片的base64编码数据\r\n    //     let a = document.createElement(\"a\"); // 生成一个a元素\r\n    //     let event = new MouseEvent(\"click\"); // 创建一个单击事件\r\n    //     a.download = name || \"photo\"; // 设置图片名称\r\n    //     a.href = url; // 将生成的URL设置为a.href属性\r\n    //     a.dispatchEvent(event); // 触发a的单击事件\r\n    //   };\r\n    //   image.src = imgsrc;\r\n    // },\r\n    // saveImg: function() {\r\n    //   console.log(this.info[this.activeIndex].wap_poster);\r\n    //   this.downloadIamge(\r\n    //     this.info[this.activeIndex].wap_poster,\r\n    //     \"poster\" + this.activeIndex\r\n    //   );\r\n    // }\r\n  }\r\n};\r\n</script>\r\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=6e12877d&\"\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&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","import mod 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&lang=css&\"; export default mod; 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&lang=css&\""],"sourceRoot":""}