{"version":3,"sources":["webpack:///./src/components/component/LpBanner.vue?944f","webpack:///./src/components/component/LpBanner.vue?01cd","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","component"],"mappings":"gHAAA,W,kECAA,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,UAA0B,KAAfX,EAAIY,SAAeR,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,UAA0B,KAAfX,EAAIY,SAAeR,EAAG,MAAM,CAACG,YAAY,UAAUM,YAAY,CAAC,aAAa,QAAQ,CAACb,EAAIS,GAAGT,EAAIU,GAAGV,EAAIY,aAAaZ,EAAIQ,UAChqBM,EAAkB,GCctB,G,UAAA,CACE,KAAF,WACE,MAAF,CACI,MAAJ,CACM,KAAN,OACM,QAAN,IAEI,SAAJ,CACM,KAAN,OACM,QAAN,IAEI,IAAJ,CACM,KAAN,OACM,QAAN,IAEI,OAAJ,CACM,KAAN,OACM,QAAN,MAEI,MAAJ,CACM,KAAN,OACM,QAAN,SAEI,UAAJ,CACM,KAAN,OACM,QAAN,UAEI,MAAJ,CACM,KAAN,QACM,SAAN,GAEI,eAAJ,CACM,KAAN,OACM,QAAN,qBAEI,cAAJ,CACM,KAAN,OACM,QAAN,qBAEI,OAAJ,CACM,KAAN,QAEI,IAAJ,CACM,KAAN,OACM,QAAN,QAIE,QAhDF,WAgDI,IAAJ,OACI,KAAJ,QACI,KAAJ,cACM,EAAN,SAEI,OAAJ,oCAEE,cAvDF,WAwDI,OAAJ,uCAEE,KA1DF,WA2DI,MAAJ,CACM,QAAN,CACQ,mBAAR,SACQ,iBAAR,YACQ,eAAR,QACQ,MAAR,OACQ,MAAR,QACQ,UAAR,SACQ,OAAR,QACQ,SAAR,YAEM,QAAN,IAGE,QAAF,CACI,MADJ,WAEM,KAAN,gEACM,IAAN,IAEQ,EADR,YACA,YAEA,mBACA,oBAEA,sBAGM,KAAN,iCACM,KAAN,yBACM,KAAN,mCAGE,SAAF,CACI,eADJ,WAEM,MAAN,CACQ,MAAR,oBACQ,IAAR,WAGI,cAPJ,WAQM,MAAN,CACQ,MAAR,mBACQ,IAAR,cCpHiW,I,wBCQ7VC,EAAY,eACd,EACAhB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-c24460a4.05478981.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=fcf49d94&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\n  export 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        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=fcf49d94&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=fcf49d94&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  \"fcf49d94\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}