{"version":3,"sources":["webpack:///./src/components/page/Market/Mobile/Skins.vue?5a7f","webpack:///./src/components/page/Market/Mobile/Skins.vue?f571","webpack:///src/components/page/Market/Mobile/Skins.vue","webpack:///./src/components/page/Market/Mobile/Skins.vue?a7f7","webpack:///./src/components/page/Market/Mobile/Skins.vue?7ad9"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","staticStyle","_v","_l","card","idx","key","_e","attrs","page_num","total_page","on","clickMore","staticRenderFns","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIM,GAAG,GAAGF,EAAG,MAAM,CAACG,YAAY,UAAUC,YAAY,CAAC,QAAU,wBAAwB,CAACR,EAAIS,GAAG,cAAcT,EAAIU,GAAIV,EAAS,OAAE,SAASW,EAAKC,GAAK,OAAOR,EAAG,MAAM,CAACS,IAAK,QAAWF,EAAO,IAAI,CAAEC,EAAI,EAAGR,EAAG,MAAM,CAACG,YAAY,QAAQP,EAAIc,KAAKV,EAAG,eAAe,CAACI,YAAY,CAAC,QAAU,QAAQO,MAAM,CAAC,KAAOJ,MAAS,MAAMX,EAAIgB,SAAWhB,EAAIiB,WAAYb,EAAG,MAAM,CAACI,YAAY,CAAC,QAAU,SAAS,CAACJ,EAAG,SAAS,CAACG,YAAY,6BAA6BW,GAAG,CAAC,MAAQlB,EAAImB,YAAY,CAACnB,EAAIS,GAAG,WAAWT,EAAIc,MAAM,IAC/lBM,EAAkB,CAAC,WAAa,IAAIpB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,oBAAoBC,YAAY,CAAC,UAAU,MAAM,CAACJ,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACP,EAAIS,GAAG,cAAcL,EAAG,MAAM,CAACG,YAAY,2CAA2C,CAACP,EAAIS,GAAG,uBAAuBL,EAAG,MAAMJ,EAAIS,GAAG,mBAAmBL,EAAG,MAAMJ,EAAIS,GAAG,oBAAoBL,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACP,EAAIS,GAAG,6BAA6BL,EAAG,MAAMJ,EAAIS,GAAG,qBAAqBL,EAAG,MAAMJ,EAAIS,GAAG,iC,YC6BvkB,GACE,KAAF,cACE,WAAF,CAAI,YAAJ,cACE,QAHF,WAII,KAAJ,WAEE,KANF,WAOI,MAAJ,CACM,SAAN,EACM,WAAN,EACM,MAAN,KAGE,QAAF,CACI,UADJ,WAEM,KAAN,WACM,KAAN,WAEI,QALJ,WAKM,IAAN,OACA,GACQ,SAAR,GACQ,OAAR,oGACQ,SAAR,cACQ,YAAR,GACQ,SAAR,YAEM,KAAN,qCAAQ,OAAR,sBACQ,EAAR,kBACQ,EAAR,mCC1D4X,I,wBCQxXY,EAAY,eACd,EACAtB,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-339555e3.1ba9def1.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!./Skins.vue?vue&type=style&index=0&id=32b96e2a&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"h8 main\",staticStyle:{\"padding\":\"24px 16px 12px 16px\"}},[_vm._v(\"플랫폼파이 스킨\")]),_vm._l((_vm.skins),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}})],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:\"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('div',{staticClass:\"body4 sub2 margin-top-20\"},[_vm._v(\"스킨 구매 후 원하는 부분을 부분만 수정해서 \"),_c('br'),_vm._v(\" 내 비즈니스에 맞는 서비스로 \"),_c('br'),_vm._v(\" 만들 수 있기 때문에 합리적이예요. \")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\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>부분 수정개발도 가능해요\r\n        </div>\r\n        <div class=\"body4 sub2 margin-top-20\">스킨 구매 후 원하는 부분을 부분만 수정해서 <br>\r\n          내 비즈니스에 맞는 서비스로 <br>\r\n          만들 수 있기 때문에 합리적이예요.\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"h8 main\" style=\"padding:24px 16px 12px 16px\">플랫폼파이 스킨</div>\r\n\r\n    <div v-for=\"(card, idx) in skins\" :key=\"`card-${card.id}`\">\r\n      <div class=\"gap\" v-if=\"idx>0\"></div>\r\n      <card-product :card=\"card\" style=\"padding:16px\"></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</template>\r\n\r\n<script>\r\n  import CardProduct from \"../../../component/CardProduct\";\r\n\r\n  export default {\r\n    name: \"SkinsMobile\",\r\n    components: {CardProduct},\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        page_num: 1,\r\n        total_page: 1,\r\n        skins: []\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 params = {\r\n          category: 60,\r\n          fields: 'id,name,simple_desc,price,img,partner.img,partner.name,category1,category2,preview_url,visit,rate',\r\n          page_num: this.page_num,\r\n          page_length: 10,\r\n          ordering: 'priority'\r\n        };\r\n        this.$axios.get('user/0/mapping/product', {params: params}).then(res => {\r\n          this.skins = 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  @import '~assets/css/lp_main'\r\n\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</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!./Skins.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!./Skins.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Skins.vue?vue&type=template&id=32b96e2a&scoped=true&\"\nimport script from \"./Skins.vue?vue&type=script&lang=js&\"\nexport * from \"./Skins.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Skins.vue?vue&type=style&index=0&id=32b96e2a&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  \"32b96e2a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}