{"version":3,"sources":["webpack:///./src/components/component/LpBanner.vue?94ac","webpack:///./src/components/component/LpBanner.vue?888f","webpack:///src/components/component/LpBanner.vue","webpack:///./src/components/component/LpBanner.vue?9463","webpack:///./src/components/component/LpBanner.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","staticClass","_e","_v","_s","title","subTitle","staticStyle","staticRenderFns","name","props","type","String","default","img","device","color","textAlign","isDim","Boolean","contentWidthPc","contentWidthM","height","Number","top","created","setBg","ev","window","addEventListener","beforeDestroy","removeEventListener","data","bgStyle","backgroundPosition","backgroundRepeat","backgroundSize","width","position","undefined","methods","console","log","backgroundImage","innerWidth","computed","contentStylePc","contentStyleM","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAON,EAAW,SAAG,CAAEA,EAAS,MAAEI,EAAG,MAAM,CAACG,YAAY,QAAQP,EAAIQ,KAAKJ,EAAG,MAAM,CAACG,YAAY,aAAaD,MAAON,EAAkB,gBAAG,CAACI,EAAG,MAAM,CAACG,YAAY,MAAM,CAACP,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,UAA4B,KAAjBX,EAAIY,SAAiBR,EAAG,MAAM,CAACG,YAAY,UAAUM,YAAY,CAAC,aAAa,SAAS,CAACb,EAAIS,GAAGT,EAAIU,GAAGV,EAAIY,aAAaZ,EAAIQ,OAAOJ,EAAG,MAAM,CAACG,YAAY,iBAAiBD,MAAON,EAAiB,eAAG,CAACI,EAAG,MAAM,CAACG,YAAY,MAAM,CAACP,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,UAA4B,KAAjBX,EAAIY,SAAiBR,EAAG,MAAM,CAACG,YAAY,UAAUM,YAAY,CAAC,aAAa,QAAQ,CAACb,EAAIS,GAAGT,EAAIU,GAAGV,EAAIY,aAAaZ,EAAIQ,UACpqBM,EAAkB,GCctB,G,UAAA,CACEC,KAAM,WACNC,MAAO,CACLL,MAAO,CACLM,KAAMC,OACNC,QAAS,IAEXP,SAAU,CACRK,KAAMC,OACNC,QAAS,IAEXC,IAAK,CACHH,KAAMC,OACNC,QAAS,IAEXE,OAAQ,CACNJ,KAAMC,OACNC,QAAS,MAEXG,MAAO,CACLL,KAAMC,OACNC,QAAS,SAEXI,UAAW,CACTN,KAAMC,OACNC,QAAS,UAEXK,MAAO,CACLP,KAAMQ,QACNN,SAAS,GAEXO,eAAgB,CACdT,KAAMC,OACNC,QAAS,qBAEXQ,cAAe,CACbV,KAAMC,OACNC,QAAS,qBAEXS,OAAQ,CACNX,KAAMY,QAERC,IAAK,CACHb,KAAMC,OACNC,QAAS,QAIbY,QAhDF,WAgDA,WACI9B,KAAK+B,QACL/B,KAAKgC,GAAK,WACR,EAAN,SAEIC,OAAOC,iBAAiB,SAAUlC,KAAKgC,KAEzCG,cAvDF,WAwDIF,OAAOG,oBAAoB,SAAUpC,KAAKgC,KAE5CK,KA1DF,WA2DI,MAAO,CACLC,QAAS,CACPC,mBAAoB,SACpBC,iBAAkB,YAClBC,eAAgB,QAChBC,MAAO,OACPrB,MAAO,QACPC,UAAW,SACXK,OAAQ,QACRgB,SAAU,YAEZX,QAAIY,IAGRC,QAAS,CACPd,MADJ,WAEMe,QAAQC,IAAI,SACZ/C,KAAKsC,QAAQU,gBAAkB,mBAArC,qBACM,IAAN,IAEQrB,EADE3B,KAAK2B,OACE3B,KAAK2B,OAEM,OAAhB3B,KAAKoB,OACEa,OAAOgB,WAAa,EAEpBhB,OAAOgB,WAAa,IAGjCjD,KAAKsC,QAAQX,OAAS,GAA5B,eACM3B,KAAKsC,QAAQjB,MAAQrB,KAAKqB,MAC1BrB,KAAKsC,QAAQhB,UAAYtB,KAAKsB,YAGlC4B,SAAU,CACRC,eADJ,WAEM,MAAO,CACLT,MAAO1C,KAAKyB,eACZI,IAAK7B,KAAK6B,MAGduB,cAPJ,WAQM,MAAO,CACLV,MAAO1C,KAAK0B,cACZG,IAAK7B,KAAK6B,SCrH+U,I,wBCQ7VwB,EAAY,eACd,EACAvD,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAwC,E","file":"js/chunk-34060454.5e4f230e.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpBanner.vue?vue&type=style&index=0&id=6556acc9&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.bgStyle)},[(_vm.isDim)?_c('div',{staticClass:\"dim\"}):_vm._e(),_c('div',{staticClass:\"pc content\",style:(_vm.contentStylePc)},[_c('div',{staticClass:\"h2\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle !== '')?_c('div',{staticClass:\"size-18\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()]),_c('div',{staticClass:\"mobile content\",style:(_vm.contentStyleM)},[_c('div',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle !== '')?_c('div',{staticClass:\"size-14\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :style=\"bgStyle\">\r\n    <div v-if=\"isDim\" class=\"dim\"></div>\r\n    <div class=\"pc content\" :style=\"contentStylePc\">\r\n      <div class=\"h2\">{{ title }}</div>\r\n      <div class=\"size-18\" style=\"margin-top:12px\" v-if=\"subTitle !== ''\">{{ subTitle }}</div>\r\n    </div>\r\n    <div class=\"mobile content\" :style=\"contentStyleM\">\r\n      <div class=\"h6\">{{ title }}</div>\r\n      <div class=\"size-14\" style=\"margin-top:4px\" v-if=\"subTitle !== ''\">{{ subTitle }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"LpBanner\",\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    subTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    img: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    device: {\r\n      type: String,\r\n      default: 'pc'\r\n    },\r\n    color: {\r\n      type: String,\r\n      default: 'white'\r\n    },\r\n    textAlign: {\r\n      type: String,\r\n      default: 'center'\r\n    },\r\n    isDim: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    contentWidthPc: {\r\n      type: String,\r\n      default: 'calc(100% - 80px)'\r\n    },\r\n    contentWidthM: {\r\n      type: String,\r\n      default: 'calc(100% - 80px)'\r\n    },\r\n    height: {\r\n      type: Number\r\n    },\r\n    top: {\r\n      type: String,\r\n      default: '50%'\r\n    }\r\n\r\n  },\r\n  created() {\r\n    this.setBg();\r\n    this.ev = () => {\r\n      this.setBg();\r\n    };\r\n    window.addEventListener('resize', this.ev);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('resize', this.ev);\r\n  },\r\n  data() {\r\n    return {\r\n      bgStyle: {\r\n        backgroundPosition: 'center',\r\n        backgroundRepeat: 'no-repeat',\r\n        backgroundSize: 'cover',\r\n        width: '100%',\r\n        color: 'white',\r\n        textAlign: 'center',\r\n        height: '100px',\r\n        position: 'relative'\r\n      },\r\n      ev: undefined\r\n    }\r\n  },\r\n  methods: {\r\n    setBg() {\r\n      console.log('setBg')\r\n      this.bgStyle.backgroundImage = `url(/static/img/${this.img})`;\r\n      let height = 0;\r\n      if (this.height) {\r\n        height = this.height;\r\n      } else {\r\n        if (this.device === 'pc') {\r\n          height = window.innerWidth / 6;\r\n        } else {\r\n          height = window.innerWidth / 2.3;\r\n        }\r\n      }\r\n      this.bgStyle.height = `${height}px`;\r\n      this.bgStyle.color = this.color;\r\n      this.bgStyle.textAlign = this.textAlign;\r\n    }\r\n  },\r\n  computed: {\r\n    contentStylePc() {\r\n      return {\r\n        width: this.contentWidthPc,\r\n        top: this.top\r\n      }\r\n    },\r\n    contentStyleM() {\r\n      return {\r\n        width: this.contentWidthM,\r\n        top: this.top\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .dim\r\n    background-color rgba(0,0,0,0.3)\r\n    position absolute\r\n    top 0\r\n    left 0\r\n    width 100%\r\n    height 100%\r\n\r\n  .content\r\n    position absolute\r\n    left 50%\r\n    transform translate(-50%, -50%)\r\n    white-space pre-line\r\n    word-break keep-all\r\n\r\n</style>\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!./LpBanner.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!./LpBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpBanner.vue?vue&type=template&id=6556acc9&scoped=true&\"\nimport script from \"./LpBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./LpBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpBanner.vue?vue&type=style&index=0&id=6556acc9&lang=stylus&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  \"6556acc9\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}