{"version":3,"sources":["webpack:///./src/components/base/InsBanner.vue?1fb9","webpack:///./src/components/base/InsBanner.vue","webpack:///./src/components/base/InsBanner.vue?6c3e","webpack:///./src/components/base/InsBanner.vue?c464","webpack:///./src/components/base/InsBanner.vue?886f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","initSwiper","bannerList","length","ref","attrs","swiperOption","_l","slide","index","key","Url","Image","slot","bannerImg","staticRenderFns","InsBanner","_Vue","_inherits","_super","_createSuper","_this","_classCallCheck","autoplay","disableOnInteraction","pagination","el","clickable","autoHeight","observer","observeParents","_createClass","value","_this2","$Api","promotion","getPromotion","then","result","Promotion","BannerList","get","$store","state","isMobile","initOptions","page","getBanner","data","_typeof","Vue","__decorate","Prop","default","Watch","deep","Component","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAAEN,EAAIO,YAAcP,EAAIQ,WAAWC,OAAQL,EAAG,SAAS,CAACM,IAAI,WAAWC,MAAM,CAAC,QAAUX,EAAIY,eAAe,CAACZ,EAAIa,GAAIb,EAAc,YAAE,SAASc,EAAMC,GAAO,OAAOX,EAAG,eAAe,CAACY,IAAID,GAAO,CAACX,EAAG,IAAI,CAACO,MAAM,CAAC,KAAOG,EAAMG,KAAO,eAAe,OAASH,EAAMG,IAAM,SAAW,UAAU,CAACb,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMG,EAAMI,gBAAed,EAAG,MAAM,CAACE,YAAY,oBAAoBK,MAAM,CAAC,KAAO,cAAcQ,KAAK,gBAAgB,GAAGf,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMX,EAAIoB,cAAc,IAC5kBC,EAAkB,G,+jBCmBtB,IAAqBC,EAAS,SAAAC,GAAAC,eAAAF,EAAAC,GAAA,IAAAE,EAAAC,EAAAJ,GAA9B,SAAAA,IAAA,IAAAK,EAuBI,OAvBJC,eAAA,KAAAN,G,0BAKEK,EAAAnB,WAAkB,GAClBmB,EAAAP,UAAoB,GAEpBO,EAAAf,aAAuB,CACrBiB,SAAU,CACRC,sBAAsB,GAExBC,WAAY,CACVC,GAAI,qBACJC,WAAW,GAMbC,YAAY,EACZC,UAAU,EACVC,gBAAgB,GAChBT,EAkDD,OA9CDU,eAAAf,EAAA,EAAAN,IAAA,YAAAsB,MAEA,WAAS,IAAAC,EAAA,KACPtC,KAAKuC,KAAKC,UAAUC,aAAa,OAAQ,GAAGC,MAAK,SAAAC,GAC/CL,EAAK/B,WAAaoC,EAAOC,UAAUC,gBAGtC,CAAA9B,IAAA,WAAA+B,IAED,WACE,OAAO9C,KAAK+C,OAAOC,MAAMC,WAC1B,CAAAlC,IAAA,UAAAsB,MAED,WACMrC,KAAKkD,cACPlD,KAAKW,aAAeX,KAAKkD,eAE5B,CAAAnC,IAAA,UAAAsB,MAED,WAMMrC,KAAKmD,KACPnD,KAAKoD,YAEDpD,KAAKM,WACPN,KAAKO,WAAaP,KAAKqD,KAEI,WAAvBC,eAAQtD,KAAKqD,MACfrD,KAAKmB,UAAYnB,KAAKqD,KAAK,GAAGpC,MACE,kBAAfjB,KAAKqD,OACtBrD,KAAKmB,UAAYnB,KAAKqD,QAI7B,CAAAtC,IAAA,gBAAAsB,MAGD,WACMrC,KAAKM,aACPN,KAAKO,WAAa,GAClBP,KAAKoD,iBAER/B,EAzE2B,CAASkC,QAC7BC,eAAA,CAAPC,kB,kCACsBD,eAAA,CAAtBC,eAAK,CAAEC,QAAS,M,2BACSF,eAAA,CAAzBC,eAAK,CAAEC,SAAS,K,iCACTF,eAAA,CAAPC,kB,2BAgEDD,eAAA,CADCG,eAAM,WAAY,CAAEC,MAAM,K,kCAnERvC,EAASmC,eAAA,CAD7BK,QACoBxC,WCpBsf,I,wBCQvgByC,EAAY,eACd,EACAhE,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAA0C,E,2CCnBf","file":"js/chunk-83004dc0.81147764.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[(_vm.initSwiper && _vm.bannerList.length)?_c('swiper',{ref:\"mySwiper\",attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.bannerList),function(slide,index){return _c('swiper-slide',{key:index},[_c('a',{attrs:{\"href\":slide.Url || 'javascript:;',\"target\":slide.Url ? '_blank' : '_self'}},[_c('img',{attrs:{\"src\":slide.Image}})])])}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2):_c('img',{attrs:{\"src\":_vm.bannerImg}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Prop, Vue, Watch } from 'vue-property-decorator';\r\nimport sdk from '@/sdk/InstoreSdk';\r\nimport { Message } from 'element-ui';\r\n@Component\r\nexport default class InsBanner extends Vue {\r\n  @Prop() private initOptions!: object;\r\n  @Prop({ default: '' }) private page!: string;\r\n  @Prop({ default: false }) initSwiper!: boolean;\r\n  @Prop() private data!: any;\r\n  bannerList: any = [];\r\n  bannerImg: string = '';\r\n\r\n  swiperOption: object = {\r\n    autoplay: {\r\n      disableOnInteraction: false\r\n    },\r\n    pagination: {\r\n      el: '.swiper-pagination',\r\n      clickable: true\r\n    },\r\n    // navigation: {\r\n    //   nextEl: '.swiper-button-next',\r\n    //   prevEl: '.swiper-button-prev'\r\n    // },\r\n    autoHeight: true, // 高度随内容变化\r\n    observer: true, // 修改swiper自己或子元素时，自动初始化swiper\r\n    observeParents: true // 修改swiper的父元素时，自动初始化swiper\r\n  };\r\n\r\n  // get swiper () {\r\n  //   return this.$refs.mySwiper.swiper;\r\n  // }\r\n\r\n  getBanner () {\r\n    this.$Api.promotion.getPromotion('Home', 0).then(result => {\r\n      this.bannerList = result.Promotion.BannerList;\r\n      console.log(this.bannerList);\r\n    });\r\n  }\r\n\r\n  get isMobile () {\r\n    return this.$store.state.isMobile;\r\n  }\r\n\r\n  created () {\r\n    if (this.initOptions) {\r\n      this.swiperOption = this.initOptions;\r\n    }\r\n  }\r\n\r\n  mounted () {\r\n    // if (this.bannerList.length === 1) {\r\n    // 只有1个slide，swiper会失效且隐藏切换按钮\r\n    // this.swiper.destroy(false);\r\n    // }\r\n\r\n    if (this.page) {\r\n      this.getBanner();\r\n    } else {\r\n      if (this.initSwiper) {\r\n        this.bannerList = this.data;\r\n      } else {\r\n        if (typeof (this.data) === 'object') {\r\n          this.bannerImg = this.data[0].Image;\r\n        } else if (typeof (this.data) === 'string') {\r\n          this.bannerImg = this.data;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch('isMobile', { deep: true })\r\n  onMediaChange () {\r\n    if (this.initSwiper) {\r\n      this.bannerList = [];\r\n      this.getBanner();\r\n    }\r\n  }\r\n}\r\n","import mod from \"-!../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js!../../../node_modules/_ts-loader@5.4.5@ts-loader/index.js??ref--14-3!../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=script&lang=ts\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js!../../../node_modules/_ts-loader@5.4.5@ts-loader/index.js??ref--14-3!../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=script&lang=ts\"","import { render, staticRenderFns } from \"./InsBanner.vue?vue&type=template&id=9a5f41b6&scoped=true\"\nimport script from \"./InsBanner.vue?vue&type=script&lang=ts\"\nexport * from \"./InsBanner.vue?vue&type=script&lang=ts\"\nimport style0 from \"./InsBanner.vue?vue&type=style&index=0&id=9a5f41b6&prod&scoped=true&lang=less\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9a5f41b6\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/_style-resources-loader@1.5.0@style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=style&index=0&id=9a5f41b6&prod&scoped=true&lang=less\""],"sourceRoot":""}