{"version":3,"sources":["webpack:///./src/pages/miniapp/market/lotto/index.vue?7757","webpack:///src/pages/miniapp/market/lotto/index.vue","webpack:///./src/pages/miniapp/market/lotto/index.vue?1fc3","webpack:///./src/pages/miniapp/market/lotto/index.vue","webpack:///./src/pages/miniapp/market/lotto/index.vue?0aa4","webpack:///./src/components/miniapp/global/ModalComming.vue?d3de","webpack:///src/components/miniapp/global/ModalComming.vue","webpack:///./src/components/miniapp/global/ModalComming.vue?3b23","webpack:///./src/components/miniapp/global/ModalComming.vue","webpack:///./src/components/miniapp/global/ModalComming.vue?532a"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","lottoHeaderLeft","_m","lottoHeaderRight","staticRenderFns","_v","components","ModalComming","data","component","type","props"],"mappings":"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","file":"js/chunk-72bb729b.79186673.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{attrs:{\"id\":\"lotto\"}},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"group-4\",attrs:{\"src\":_vm.lottoHeaderLeft}}),_vm._m(0),_c('img',{staticClass:\"group-7\",attrs:{\"src\":_vm.lottoHeaderRight}})]),_vm._m(1)]),_c('ModalComming',{attrs:{\"type\":\"lotto\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"desc\"},[_vm._v(\"ยินดีด้วย\")]),_c('div',{staticClass:\"desc\"},[_vm._v(\"คุณถูกรางวัลอันดับ 4\")]),_c('div',{staticClass:\"desc\"},[_vm._v(\"เป็นเงินรางวัล 10,000 บาท\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"item st-price\"},[_c('div',{staticClass:\"desc-price\"},[_vm._v(\"อันดับ 1\")]),_c('div',[_vm._v(\"1 ฉ 4023424\")])]),_c('div',{staticClass:\"item nd-price\"},[_c('div',{staticClass:\"desc-price\"},[_vm._v(\"อันดับ 2\")]),_c('div',[_vm._v(\"1 ผ 8341146\")])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"desc-price\"},[_vm._v(\"อันดับ 3\")]),_c('div',{staticClass:\"list-lotto rd-price\"},[_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")])])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"desc-price\"},[_vm._v(\"อันดับ 4\")]),_c('div',{staticClass:\"list-lotto n-th-price\"},[_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")])])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"desc-price\"},[_vm._v(\"อันดับ 5\")]),_c('div',{staticClass:\"list-lotto n-th-price\"},[_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")])])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"desc-price\"},[_vm._v(\"อันดับ 6\")]),_c('div',{staticClass:\"list-lotto n-th-price\"},[_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")]),_c('div',[_vm._v(\"0185110\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <div id=\"lotto\">\n      <div class=\"header\">\n        <img :src=\"lottoHeaderLeft\" class=\"group-4\" />\n        <div class=\"text\">\n          <div class=\"desc\">ยินดีด้วย</div>\n          <div class=\"desc\">คุณถูกรางวัลอันดับ 4</div>\n          <div class=\"desc\">เป็นเงินรางวัล 10,000 บาท</div>\n        </div>\n        <img :src=\"lottoHeaderRight\" class=\"group-7\" />\n      </div>\n      <div class=\"content\">\n        <div class=\"item st-price\">\n          <div class=\"desc-price\">อันดับ 1</div>\n          <div>1 ฉ 4023424</div>\n        </div>\n        <div class=\"item nd-price\">\n          <div class=\"desc-price\">อันดับ 2</div>\n          <div>1 ผ 8341146</div>\n        </div>\n        <div class=\"item\">\n          <div class=\"desc-price\">อันดับ 3</div>\n          <div class=\"list-lotto rd-price\">\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n          </div>\n        </div>\n        <div class=\"item\">\n          <div class=\"desc-price\">อันดับ 4</div>\n          <div class=\"list-lotto n-th-price\">\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n          </div>\n        </div>\n        <div class=\"item\">\n          <div class=\"desc-price\">อันดับ 5</div>\n          <div class=\"list-lotto n-th-price\">\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n          </div>\n        </div>\n        <div class=\"item\">\n          <div class=\"desc-price\">อันดับ 6</div>\n          <div class=\"list-lotto n-th-price\">\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n            <div>0185110</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <ModalComming type=\"lotto\" />\n  </section>\n</template>\n\n<script>\nimport ModalComming from \"../../../../components/miniapp/global/ModalComming\";\nexport default {\n  components: {\n    ModalComming\n  },\n  data() {\n    return {\n      lottoHeaderLeft: `${process.env.VUE_APP_SCONTENT_URL}/line-liff/lotto-header-left.png`,\n      lottoHeaderRight: `${process.env.VUE_APP_SCONTENT_URL}/line-liff/lotto-header-right@3x.png`\n    };\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#lotto {\n  // display: table;\n    filter: blur(4px);\n\n  @extend %container-style;\n  .header {\n\n    font-family: DBHeaventRez;\n    margin-top: 10px;\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    .group-4 {\n      width: 105px;\n      height: 120px;\n      // object-fit: contain;\n    }\n    .group-7 {\n      width: 76px;\n      height: 120px;\n      // object-fit: contain;\n    }\n    .text {\n      .desc {\n        text-align: center;\n      }\n      .desc {\n        font-weight: bold;\n      }\n      .desc:first-child {\n        font-size: 20px;\n        color: $color-plus-lotto;\n        font-weight: bold;\n        //   background-color: yellow;\n      }\n      .desc:nth-child(2) {\n        @extend %font-size-m;\n        color: $color-plus-lotto;\n        font-weight: bold;\n        //   background-color: yellow;\n      }\n      .desc:last-child {\n        @extend %font-size-s;\n        font-weight: normal;\n        color: $color-gray-inactive;\n      }\n    }\n  }\n  .content {\n    min-height: 800px;\n    border-radius: 4px;\n    background-color: $highlight-grey-lotto;\n    margin: 10px 0;\n    .item {\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      border-bottom: 1px solid $color-light-grey-2;\n      padding: 20px;\n      margin-left: 15px;\n      margin-right: 15px;\n      .desc-price {\n        @extend %font-size-s;\n        font-weight: bold;\n      }\n      .list-lotto {\n        color: $color-normal-text;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n      }\n      .rd-price {\n        @extend %font-size-s;\n        div {\n          @include multipleResponsive(phablet, tablet) {\n            width: 20%;\n          }\n          width: 30%;\n        }\n      }\n      .n-th-price {\n        div {\n          @include multipleResponsive(phablet, tablet) {\n            width: 20%;\n          }\n          @extend %font-size-ss;\n          width: 20%;\n        }\n      }\n    }\n  }\n}\n</style>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=4d4785c0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=4d4785c0&lang=scss&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  \"4d4785c0\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=4d4785c0&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=4d4785c0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-comming\"},[_c('div',{staticClass:\"coming-soon\"},[_c('div',{staticClass:\"header\"},[_vm._v(\"COMING SOON\")]),(_vm.type==='lotto')?_c('div',{staticClass:\"desc\"},[_vm._v(\" เช็ครางวัลสลากออมสิน ได้ที่นี่ เร็วๆ นี้ \")]):_c('div',{staticClass:\"desc\"},[_vm._v(\" ดูข้อมูล Cryptocurrencies ได้ที่นี่ เร็วๆ นี้ \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"modal-comming\">\n    <div class=\"coming-soon\">\n      <div class=\"header\">COMING SOON</div>\n      <div v-if=\"type==='lotto'\" class=\"desc\">\n        เช็ครางวัลสลากออมสิน\n        ได้ที่นี่ เร็วๆ นี้\n      </div>\n      <div v-else class=\"desc\">\n        ดูข้อมูล Cryptocurrencies\n        ได้ที่นี่ เร็วๆ นี้\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: [\"type\"]\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.modal-comming {\n  position: fixed;\n  // z-index: 1061;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  // background-color: hsla(0, 0%, 100%, 0.8);\n  display: table;\n  -webkit-transition: opacity 0.3s ease;\n  transition: opacity 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.coming-soon {\n  position: relative;\n  // top: 50%;\n  // left: 45%;\n  // margin-top: -50px;\n  // margin-left: -100px;\n  margin: 0 auto;\n  width: 240px;\n  min-height: 133px;\n  border-radius: 8px;\n  box-shadow: 0 0 6px 0 #e9e9e9;\n  background-color: $color-white;\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  @include multipleResponsive(phablet, tablet) {\n    height: 160px;\n    padding: 10px;\n  }\n  .header {\n    @extend %font-size-l;\n    line-height: 1.27;\n    text-align: center;\n    color: $color-secondary;\n  }\n  .desc {\n    margin: 0 auto;\n    text-align: center;\n    width: 70%;\n    min-height: 30px;\n    @extend %font-size-ss;\n    line-height: 2;\n    color: $color-secondary;\n  }\n}\n</style>","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!./ModalComming.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!./ModalComming.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalComming.vue?vue&type=template&id=7afb20eb&scoped=true&\"\nimport script from \"./ModalComming.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalComming.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalComming.vue?vue&type=style&index=0&id=7afb20eb&lang=scss&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  \"7afb20eb\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalComming.vue?vue&type=style&index=0&id=7afb20eb&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalComming.vue?vue&type=style&index=0&id=7afb20eb&lang=scss&scoped=true&\""],"sourceRoot":""}