{"version":3,"sources":["webpack:///./src/components/page/AdditionalService.vue?713e","webpack:///src/components/page/AdditionalService.vue","webpack:///./src/components/page/AdditionalService.vue?e896","webpack:///./src/components/page/AdditionalService.vue?3c08","webpack:///./src/components/page/AdditionalService.vue?828a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","_l","card","key","attrs","staticStyle","idx","_e","page_num","total_page","on","clickMore","staticRenderFns","component"],"mappings":"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","file":"js/chunk-a922e498.be8dfbe8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"additional-service-container\"},[_vm._m(0),_c('div',{staticClass:\"margin-top-60\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"h7 main margin-bottom-20\"},[_vm._v(\"부가서비스\")]),_c('div',{staticClass:\"grid-cards\"},_vm._l((_vm.list),function(card){return _c('card-product',{key:(\"card-\" + (card.id)),attrs:{\"card\":card,\"isAddService\":\"\",\"rate\":\"1:1\"}})}),1)])])])]),_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"additional-service-container\"},[_vm._m(1),_c('div',{staticClass:\"h8 main\",staticStyle:{\"padding\":\"24px 16px 12px 16px\"}},[_vm._v(\"부가서비스\")]),_vm._l((_vm.list),function(card,idx){return _c('div',{key:(\"card-\" + (card.id))},[(idx>0)?_c('div',{staticClass:\"gap\"}):_vm._e(),_c('card-product',{staticStyle:{\"padding\":\"16px\"},attrs:{\"card\":card,\"isAddService\":\"\",\"rate\":\"1:1\"}})],1)}),(_vm.page_num < _vm.total_page)?_c('div',{staticStyle:{\"padding\":\"16px\"}},[_c('button',{staticClass:\"button is-gray button-more\",on:{\"click\":_vm.clickMore}},[_vm._v(\"더보기\")])]):_vm._e()],2)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"container grid-banner\"},[_c('div',{staticClass:\"circle\"}),_c('div',{staticStyle:{\"z-index\":\"1\"}},[_c('div',{staticClass:\"subtitle6 success\"},[_vm._v(\"부가서비스\")]),_c('div',{staticClass:\"h6 main margin-top-16\"},[_vm._v(\"런칭 준비가 끝나셨나요?\"),_c('br'),_vm._v(\" 부가서비스로, 내 서비스를 본격적으로 사업화할 수 있습니다.\")]),_c('div',{staticClass:\"body2 sub2 margin-top-20\"},[_vm._v(\"앱 포팅 및 앱마켓 등록 대행, GA(Google Analytics) 등록 등\"),_c('br'),_vm._v(\" 비즈니스 운영에 필요한, 여러 가지 부가서비스등을 활용해\"),_c('br'),_vm._v(\" 서비스를 본격적으로 사업화할 수 있습니다.\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"position-relative\",staticStyle:{\"z-index\":\"1\"}},[_c('div',{staticClass:\"subtitle7 success\"},[_vm._v(\"부가서비스\")]),_c('div',{staticClass:\"mo-section-title-bold main margin-top-8\"},[_vm._v(\"런칭 준비가 끝나셨나요?\"),_c('br'),_vm._v(\" 부가서비스로\"),_c('br'),_vm._v(\"내 서비스를 본격적으로\"),_c('br'),_vm._v(\"사업화할 수 있습니다.\")]),_c('div',{staticClass:\"body4 sub2 margin-top-20\"},[_vm._v(\"앱 포팅 및 앱마켓 등록 대행,\"),_c('br'),_vm._v(\"GA(Google Analytics) 등록 등\"),_c('br'),_vm._v(\" 비즈니스 운영에 필요한\"),_c('br'),_vm._v(\"여러 가지 부가서비스등을 활용해\"),_c('br'),_vm._v(\" 서비스를 본격적으로 사업화할 수 있습니다.\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pc\">\r\n      <div class=\"additional-service-container\">\r\n        <div class=\"banner\">\r\n          <div class=\"container grid-banner\">\r\n            <div class=\"circle\"></div>\r\n            <div style=\"z-index:1\">\r\n              <div class=\"subtitle6 success\">부가서비스</div>\r\n              <div class=\"h6 main margin-top-16\">런칭 준비가 끝나셨나요?<br>\r\n                부가서비스로, 내 서비스를 본격적으로 사업화할 수 있습니다.</div>\r\n              <div class=\"body2 sub2 margin-top-20\">앱 포팅 및 앱마켓 등록 대행, GA(Google Analytics) 등록 등<br>\r\n                비즈니스 운영에 필요한, 여러 가지 부가서비스등을 활용해<br>\r\n                서비스를 본격적으로 사업화할 수 있습니다.</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"margin-top-60\">\r\n          <div class=\"container\">\r\n            <div class=\"h7 main margin-bottom-20\">부가서비스</div>\r\n            <div class=\"grid-cards\">\r\n              <card-product v-for=\"card in list\" :key=\"`card-${card.id}`\" :card=\"card\" isAddService rate=\"1:1\"></card-product>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\">\r\n      <div class=\"additional-service-container\">\r\n        <div class=\"banner\">\r\n          <div class=\"position-relative\" style=\"z-index:1\">\r\n            <div class=\"subtitle7 success\">부가서비스</div>\r\n            <div class=\"mo-section-title-bold main margin-top-8\">런칭 준비가 끝나셨나요?<br>\r\n            부가서비스로<br>내 서비스를 본격적으로<br>사업화할 수 있습니다.</div>\r\n            <div class=\"body4 sub2 margin-top-20\">앱 포팅 및 앱마켓 등록 대행,<br>GA(Google Analytics) 등록 등<br>\r\n              비즈니스 운영에 필요한<br>여러 가지 부가서비스등을 활용해<br>\r\n              서비스를 본격적으로 사업화할 수 있습니다.</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"h8 main\" style=\"padding:24px 16px 12px 16px\">부가서비스</div>\r\n\r\n        <div v-for=\"(card, idx) in list\" :key=\"`card-${card.id}`\">\r\n          <div class=\"gap\" v-if=\"idx>0\"></div>\r\n          <card-product :card=\"card\" style=\"padding:16px\" isAddService rate=\"1:1\"></card-product>\r\n        </div>\r\n        <div style=\"padding:16px\" v-if=\"page_num < total_page\">\r\n          <button class=\"button is-gray button-more\" @click=\"clickMore\">더보기</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import CardProduct from \"../component/CardProduct\";\r\n  export default {\r\n    name: \"AdditionalService\",\r\n    components: {CardProduct},\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        list: [],\r\n        page_num: 1,\r\n        total_page: 1,\r\n      }\r\n    },\r\n    methods: {\r\n      clickMore() {\r\n        this.page_num++;\r\n        this.getData();\r\n      },\r\n      getData() {\r\n        let url = 'user/0/mapping/product';\r\n        let params = {\r\n          fields: 'id,name,simple_desc,img,price,partner.img,partner.name,category1,category2',\r\n          page_num: this.page_num,\r\n          page_length: 12,\r\n          category:64\r\n        };\r\n        this.$axios.get(url, {params: params}).then(res => {\r\n          this.list = res.data.data;\r\n          this.total_page = res.data.total_page;\r\n        });\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .pc\r\n    .additional-service-container\r\n      padding 64px 0 80px 0\r\n    .banner\r\n      background-color $gray4\r\n      padding 94px 0\r\n      overflow hidden\r\n    .grid-banner\r\n      position relative\r\n      display grid\r\n      gap 60px\r\n      grid-template-columns 1fr 502px\r\n\r\n    .circle\r\n      position absolute\r\n      width 783px\r\n      height 783px\r\n      left 673px\r\n      bottom -292px\r\n      background #17FF90\r\n      opacity 0.3\r\n      filter blur(410px)\r\n      z-index 0\r\n\r\n    .grid-cards\r\n      display grid\r\n      grid-column-gap 36px\r\n      grid-row-gap 48px\r\n      grid-template-columns repeat(3, 1fr)\r\n\r\n\r\n  .mobile\r\n    .additional-service-container\r\n      padding 59px 0 80px 0\r\n    .banner\r\n      background-color #EDFBF4\r\n      padding 40px 0\r\n      overflow hidden\r\n      position relative\r\n      text-align center\r\n\r\n    .grid-banner\r\n      position relative\r\n      display grid\r\n      gap 60px\r\n      grid-template-columns 1fr 502px\r\n\r\n    .circle\r\n      position absolute\r\n      width 356px\r\n      height 356px\r\n      left calc(50% - 80px)\r\n      top calc(50% - 38px)\r\n      background #17ff90\r\n      opacity 0.5\r\n      filter blur(200px)\r\n      z-index 0\r\n\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!./AdditionalService.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!./AdditionalService.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdditionalService.vue?vue&type=template&id=2cbdfcd4&scoped=true&\"\nimport script from \"./AdditionalService.vue?vue&type=script&lang=js&\"\nexport * from \"./AdditionalService.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AdditionalService.vue?vue&type=style&index=0&id=2cbdfcd4&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  \"2cbdfcd4\",\n  null\n  \n)\n\nexport default component.exports","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!./AdditionalService.vue?vue&type=style&index=0&id=2cbdfcd4&lang=stylus&scoped=true&\""],"sourceRoot":""}