{"version":3,"sources":["webpack:///./src/views/bord/prize-pool.vue?3860","webpack:///./src/utils/prizeSignalR.js","webpack:///src/views/bord/prize-pool.vue","webpack:///./src/views/bord/prize-pool.vue?589a","webpack:///./src/views/bord/prize-pool.vue","webpack:///./src/assets/img/jiu.png","webpack:///./src/views/bord/prize-pool.vue?074b","webpack:///./src/views/bord/prize-pool.vue?5a48","webpack:///./node_modules/core-js/modules/es.array.map.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","ActivityVisile","_s","money","toFixed","toString","_m","listText","time","_e","ref","classOption","_l","item","index","key","on","clickFullscreen","isFullscreen","staticRenderFns","window","jQuery","$","SignalRClient","chat","cardVNode","init","loadJavaScript","then","Config","SERVER_URL","buildConnection","catch","error","console","log","connection","hub","stop","url","LotteryAuctionHub","client","showMessage","response","JSON","parse","data","store","commit","showWinningRedPacket","showNextActivityInfo","start","server","showBuyMsg","Promise","resolve","reject","ascript","document","createElement","addEventListener","event","setAttribute","head","appendChild","component","module","exports","$map","map","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","target","proto","forced","callbackfn","arguments","length","undefined"],"mappings":"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","file":"js/chunk-246ccdca.2e19ccc7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"box\",attrs:{\"id\":\"content-prize\"}},[_c('img',{staticClass:\"bg-img\",attrs:{\"src\":require(\"../../assets/img/cangyouhuiBg.jpg\")}}),_c('div',{staticClass:\"city\"},[_vm._v(\"中国 · 西安\")]),(_vm.ActivityVisile == false)?_c('div',{staticClass:\"data-content\"},[_c('div',{staticClass:\"prize-title\"}),_c('div',{staticClass:\"prize-money\"},[_vm._v(_vm._s(_vm.money ? (_vm.money / 100.0).toFixed(2).toString() : 0)+\"元\")]),_c('div',{staticClass:\"prize-text\"},[_vm._v(\"红包池待瓜分\")]),_vm._m(0)]):_c('div',{staticClass:\"data-text\"},[(_vm.listText[0])?_c('div',{staticClass:\"title-text\"},[_c('span',[_vm._v(_vm._s(_vm.listText[0].time)+\" 恭喜 \"),_c('span',{staticClass:\"yellow-color\"},[_vm._v(_vm._s(((_vm.listText[0].memberName) + \" \")))]),_vm._v(\" \"+_vm._s(\"获得红包 \")),_c('span',{staticClass:\"yellow-color\"},[_vm._v(_vm._s((\"\" + (_vm.listText[0].amount))))]),_vm._v(\" 元 \")])]):_vm._e(),_c('div',{staticClass:\"information-data\"},[_c('vue-seamless-scroll',{ref:\"seamlessScroll\",staticClass:\"seamless-warp\",attrs:{\"data\":_vm.listText,\"class-option\":_vm.classOption}},[_c('ul',_vm._l((_vm.listText),function(item,index){return _c('li',{key:index},[_c('span',[_vm._v(_vm._s(item.time)+\" 恭喜 \"),_c('span',{staticClass:\"yellow-color\"},[_vm._v(_vm._s(((item.memberName) + \" \")))]),_vm._v(\" \"+_vm._s(\"获得红包 \")),_c('span',{staticClass:\"yellow-color\"},[_vm._v(_vm._s((\"\" + (item.amount))))]),_vm._v(\" 元 \")])])}),0)])],1)]),_c('div',{staticClass:\"screenfull\",on:{\"click\":_vm.clickFullscreen}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.isFullscreen ? '退出' : '全屏'))])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-title\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/jiu.png\")}})])}]\n\nexport { render, staticRenderFns }","/**\r\n * signalr\r\n *\r\n * https://docs.microsoft.com/zh-cn/aspnet/signalr/overview/guide-to-the-api/hubs-api-guide-javascript-client\r\n *\r\n * 使用方式：\r\n * 1、App.vue 引入该文件\r\n * 2、在 mounted 调用 start 方法\r\n */\r\nimport Vue from 'vue'\r\nimport { mapGetters } from 'vuex'\r\n// import PushMessageCard from '@/components/PushMessageCard'\r\nimport Config from '@/utils/Config'\r\nimport bus from '@/utils/bus'\r\n// import i18n from \"@/VueI18n/Index\";\r\n// import store from \"@/store/Index\";\r\nimport jQuery from 'jquery'\r\nimport store from '@/store/index'\r\nwindow.jQuery = jQuery\r\nwindow.$ = jQuery\r\n\r\n// /**\r\n//  * 用于监听数据的组件\r\n//  */\r\n// const WatchUsernameComponent = Vue.extend({\r\n//   data() {\r\n//     return {};\r\n//   },\r\n\r\n//   props: {\r\n//     handle: Function,\r\n//   },\r\n\r\n//   watch: {\r\n//     username: function(newValue, oldValue) {\r\n//       if (typeof this.handle === \"function\") {\r\n//         this.handle.call(null, newValue, oldValue);\r\n//       }\r\n//     },\r\n//   },\r\n\r\n//   computed: {\r\n//     ...mapGetters([\"isLogined\", \"username\"]),\r\n//   },\r\n// });\r\n\r\nclass SignalRClient {\r\n    constructor() {\r\n        // console.log('1', this.type)\r\n        //  this.type = type\r\n        this.chat = null\r\n        this.cardVNode = null\r\n        this.init = false\r\n    }\r\n\r\n    start() {\r\n        if (this.init) return\r\n            // this.watchNotify = new WatchUsernameComponent({ store, i18n });\r\n            // this.watchNotify.handle = (newValue, oldValue) =>\r\n            //   this.onUsernameChanged(newValue, oldValue);\r\n        this.init = true\r\n        this.loadJavaScript('/jquery.signalR-2.1.2.min.js')\r\n            .then(() => this.loadJavaScript(`${Config.SERVER_URL}/signalr/hub/hubs`))\r\n            .then(() => this.buildConnection())\r\n            .catch(error => {\r\n                this.init = false\r\n                console.log(error)\r\n            })\r\n    }\r\n    stop() {\r\n        // this.chat.server.exitHub()\r\n        $.connection.hub.stop()\r\n    }\r\n\r\n    //   onUsernameChanged(newValue, oldValue) {\r\n    //     $.connection.hub.qs = { loginName: newValue };\r\n    //     if (newValue) {\r\n    //       $.connection.hub.start().then(() => {\r\n    //         this.chat.server.ShowBuyMsg(/*this.watchNotify.username*/);\r\n    //       });\r\n    //     } else {\r\n    //       this.chat.server.exitHub(oldValue);\r\n    //       $.connection.hub.stop();\r\n    //     }\r\n    //   }\r\n\r\n    buildConnection() {\r\n        // 指定signalR服务器\r\n        //  console.log('qs', this.type)\r\n        $.connection.hub.url = Config.SERVER_URL + '/signalr'\r\n            //  $.connection.hub.qs = { pushType: this.type }\r\n            // 连接服务端集线器\r\n        this.chat = $.connection.LotteryAuctionHub\r\n            // 定义客户端方法，此客户端方法必须与服务端集线器中的方法名称、参数均一致。\r\n            // 实际上是服务端调用了前端的js方法（订阅）\r\n        this.chat.client.showMessage = response => {\r\n            if (typeof response === 'string') response = JSON.parse(response)\r\n            console.log('====>1', JSON.parse(response.data))\r\n            store.commit('savePrize', JSON.parse(response.data))\r\n        }\r\n        this.chat.client.showWinningRedPacket = response => {\r\n            console.log('====>response', response)\r\n            if (typeof response === 'string') {\r\n                response = JSON.parse(response)\r\n                console.log('====>2', response.data)\r\n                store.commit('saveRedPacket', response.data)\r\n            }\r\n        }\r\n        this.chat.client.showNextActivityInfo = response => {\r\n                console.log('====>3', response)\r\n                if (typeof response === 'string') {\r\n                    response = JSON.parse(response)\r\n                    store.commit('saveNextActivityInfo', response)\r\n                }\r\n                // console.log('====>3', JSON.parse(response))\r\n                //     // store.commit('savePrize', JSON.parse(response.data))\r\n                // store.commit('saveNextActivityInfo', response)\r\n            }\r\n            /**\r\n             * signalR 提供了以下生命周期的回调：\r\n             * - starting: 在任何数据发送之前执行\r\n             * - received: 当任何数据通过连接获取到的时候执行。可以得到数据\r\n             * - connectionSlow: 当客户端检测到缓慢或者不流畅的连接的时候执行\r\n             * - reconnecting: 当潜在的协议重新开始连接的时候执行\r\n             * - reconnected: 当潜在的协议以及重新建立连接的时候执行\r\n             * - stateChanged: 当连接的状态发生改变的时候执行\r\n             * - disconnected: 当连接中断以后执行\r\n             */\r\n            // $.connection.hub.starting(() => console.log('==> signalr starting'))\r\n            // $.connection.hub.received(() => console.log('==> signalr received'))\r\n            // $.connection.hub.connectionSlow(() => console.log('==> signalr connectionSlow'))\r\n            // $.connection.hub.reconnecting(() => console.log('==> signalr reconnecting'))\r\n            // $.connection.hub.reconnected(() => console.log('==> signalr reconnected'))\r\n            // $.connection.hub.stateChanged(() => console.log('==> signalr stateChanged'))\r\n            // $.connection.hub.disconnected(() => console.log('==> signalr disconnected'))\r\n            // 处理错误\r\n        $.connection.hub.error(error => console.log('signalr error:', error))\r\n            // 连接服务端\r\n            // if (this.watchNotify.username) {\r\n        $.connection.hub.start().then(() => {\r\n                this.chat.server.showBuyMsg( /*this.watchNotify.username*/ )\r\n            })\r\n            // }\r\n    }\r\n\r\n    loadJavaScript(url) {\r\n        return new Promise((resolve, reject) => {\r\n            const ascript = document.createElement('script')\r\n            ascript.addEventListener('load', event => resolve(), false)\r\n            ascript.setAttribute('type', 'text/javascript')\r\n            ascript.setAttribute('src', url)\r\n            document.head.appendChild(ascript)\r\n        })\r\n    }\r\n}\r\n\r\nconst client = new SignalRClient()\r\nexport default client","<template>\r\n    <div class=\"box\" id=\"content-prize\">\r\n        <img src=\"../../assets/img/cangyouhuiBg.jpg\" class=\"bg-img\" />\r\n        <div class=\"city\">中国 · 西安</div>\r\n        <div class=\"data-content\" v-if=\"ActivityVisile == false\">\r\n            <!-- <div class=\"prize-title\">[ 半藏超级大品牌 ]</div>  -->\r\n            <div class=\"prize-title\"></div> \r\n            <div class=\"prize-money\">{{ money ? (money / 100.0).toFixed(2).toString() : 0 }}元</div>\r\n            <div class=\"prize-text\">红包池待瓜分</div>\r\n            <div class=\"content-title\">\r\n                <img src=\"../../assets/img/jiu.png\"  />\r\n            </div>\r\n        </div>\r\n         <div class=\"data-text\" v-else>\r\n            <div v-if=\"listText[0]\" class=\"title-text\"> \r\n                 <span>{{listText[0].time}}  恭喜\r\n                    <span class=\"yellow-color\">{{ `${listText[0].memberName} ` }}</span>\r\n                    {{ `获得红包 ` }}<span class=\"yellow-color\">{{ `${listText[0].amount}` }}</span> 元\r\n                </span></div>\r\n            <div class=\"information-data\">\r\n                <vue-seamless-scroll :data=\"listText\" class=\"seamless-warp\" ref=\"seamlessScroll\" :class-option=\"classOption\">\r\n                    <ul>\r\n                        <li v-for=\"(item, index) in listText\" :key=\"index\">\r\n                            <span\r\n                                >{{item.time}}  恭喜\r\n                                <span class=\"yellow-color\">{{ `${item.memberName} ` }}</span>\r\n                                {{ `获得红包 ` }}<span class=\"yellow-color\">{{ `${item.amount}` }}</span> 元\r\n                            </span>\r\n                        </li>\r\n                    </ul>\r\n                </vue-seamless-scroll>\r\n            </div>\r\n        </div>\r\n    \r\n        <div @click=\"clickFullscreen\" class=\"screenfull\">\r\n            <span> {{ isFullscreen ? '退出' : '全屏' }}</span>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    import bordBox from '../../components/bordBox.vue'\r\n    import bus from '@/utils/bus'\r\n    import vueSeamlessScroll from 'vue-seamless-scroll'\r\n    import screenfull from 'screenfull'\r\n    import signalr from '@/utils/prizeSignalR'\r\n    export default {\r\n        components: { bordBox, vueSeamlessScroll },\r\n        name: 'bordBox',\r\n        data() {\r\n            return {\r\n                isFullscreen: false,\r\n                currentPage: 1,\r\n                money: 0,\r\n                total: '',\r\n                ActivityVisile: false,\r\n                listData: [],\r\n                top_data:{},\r\n                listText: []\r\n            }\r\n        },\r\n        watch: {\r\n            '$store.state.signalrResPrize'(newVal, oldVal) {\r\n                if (newVal) {\r\n                    console.log('2', newVal)\r\n                    this.money = newVal.amount\r\n                    this.ActivityVisile = this.ActivityVisile ? this.ActivityVisile : new Date(newVal.grabTime) < new Date()\r\n                    // this.getData(newVal)\r\n                }\r\n            },\r\n            '$store.state.signalrRedPacket'(newVal, oldVal) {\r\n                if (newVal) {\r\n                    console.log('redPacket', newVal)\r\n                    this.ActivityVisile = this.ActivityVisile || true\r\n                    // this.ActivityVisile = new Date(newVal.grabTime) > new Date()\r\n                    this.getRedPacketData(newVal)\r\n                }\r\n            },\r\n             '$store.state.signalrNextActivityInfo'(newVal, oldVal) {\r\n                if (newVal) {\r\n                    this.listText = []\r\n                    this.getData()\r\n                }\r\n            },\r\n\r\n        },\r\n        mounted() {\r\n                signalr.start()\r\n            // this.timer = window.setInterval(() => {\r\n                this.getData()\r\n            // }, 1000)\r\n        },\r\n        beforeDestroy(){\r\n            if(this.timer){\r\n                window.clearInterval(this.timer)\r\n            }\r\n        },\r\n        created: function() {\r\n            //开启监听全屏切换事件\r\n            screenfull.on('change', this.onHandleChange)\r\n        },\r\n        computed: {\r\n            classOption() {\r\n                return {\r\n                    step: 0.3, // 数值越大速度滚动越快\r\n                    limitMoveNum: 10, // 开始无缝滚动的数据量 this.dataList.length\r\n                    hoverStop: true, // 是否开启鼠标悬停stop\r\n                    direction: 1, // 0向下 1向上 2向左 3向右\r\n                    openWatch: true, // 开启数据实时监控刷新dom\r\n                    singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1\r\n                    singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3\r\n                    waitTime: 500 // 单步运动停止的时间(默认值1000ms)\r\n                }\r\n            }\r\n        },\r\n        destroyed: function() {\r\n            //关闭监听全品切换时间\r\n            screenfull.off('change', this.onHandleChange)\r\n        },\r\n \r\n        methods: {\r\n            getRedPacketData(res){\r\n                if (res !== null) {\r\n                    const temp = res\r\n                    temp.amount = temp.amount ? (temp.amount / 100.0).toFixed(2).toString() :0\r\n                    this.listText.splice(0, 0, temp)\r\n                    this.top_data = this.listText[0] || null\r\n                    this.$nextTick(() => {\r\n                        this.$refs.seamlessScroll.reset()\r\n                    })\r\n                }\r\n            },\r\n            currentChange(val) {\r\n                if (this.currentPage != val) {\r\n                    this.currentPage = val\r\n                    this.getData()\r\n                }\r\n                console.log(val, this.currentPage)\r\n            },\r\n            //获取奖金池金额\r\n            getData() {\r\n                this.$api\r\n                    .GetLotteryAuctionPrizePool()\r\n                    .then(([res, data, model]) => {\r\n                        this.money = data.amount\r\n                        console.log('grabTime', data.grabTime, new Date(data.grabTime) < new Date())\r\n                        this.ActivityVisile = data.grabTime ? new Date(data.grabTime) < new Date() : false\r\n                        if(this.ActivityVisile){\r\n                            this.$api.GetLotteryAuctionWinningRedPacket(data.id)\r\n                            .then(([res, data]) => {\r\n                                console.log('/*****', data)\r\n                                this.listText = data.map(element => {\r\n                                    element.amount = element.amount ? (element.amount / 100.0).toFixed(2).toString() :0\r\n                                    return element\r\n                                })\r\n                            }).catch(error => console.log(error))\r\n                        }\r\n                    //    console.log(new Date(data.grabTime) < new Date())\r\n                    })\r\n                    .catch(error => console.log(error))\r\n            },\r\n            clickFullscreen() {\r\n                if (!screenfull.isEnabled) {\r\n                    this.$message({\r\n                        message: 'you browser can not work',\r\n                        type: 'warning'\r\n                    })\r\n                    return false\r\n                }\r\n                const element = document.getElementById('content-prize')\r\n                screenfull.toggle(element)\r\n            },\r\n\r\n            onHandleChange(event) {\r\n                this.isFullscreen = screenfull.isFullscreen\r\n            }\r\n        }\r\n    }\r\n</script>\r\n<style lang=\"scss\">\r\n    .seamless-warp {\r\n        width: 100%;\r\n        height: calc(100% - 16px);\r\n        overflow: hidden;\r\n    }\r\n    @media screen and (min-width: 2000px) {\r\n        .head-img {\r\n            width: 180px !important;\r\n            height: 180px !important;\r\n        }\r\n        .title-text {\r\n            font-size: 3rem !important;\r\n        }\r\n        .information-data li {\r\n            font-size: 32px !important;\r\n        }\r\n    }\r\n    @media screen and (min-width: 3000px) {\r\n        .head-img {\r\n            width: 200px !important;\r\n            height: 200px !important;\r\n        }\r\n        .title-text {\r\n            font-size: 4rem !important;\r\n        }\r\n        .information-data li {\r\n            font-size: 40px !important;\r\n        }\r\n    }\r\n    @media screen and (min-width: 4000px) {\r\n        .head-img {\r\n            width: 220px !important;\r\n            height: 220px !important;\r\n        }\r\n        .title-text {\r\n            font-size: 5rem !important;\r\n        }\r\n        .information-data li {\r\n            font-size: 46px !important;\r\n        }\r\n    }\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n    .box {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .bg-img {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        object-fit: cover;\r\n        z-index: -1;\r\n    }\r\n    .data-content {\r\n        position: absolute;\r\n        width: 70%;\r\n        height: 100%;\r\n        min-height: 70%;\r\n        top: 0px;\r\n        right: 0px;\r\n        bottom: 0px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    .content-title {\r\n        position: absolute;\r\n        top: 57%;\r\n        // text-align: center;\r\n        height: 30%;\r\n    }\r\n    .content-title img {\r\n        width: 20%;\r\n       \r\n    }\r\n    .screenfull {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        width: 120px;\r\n        height: 120px;\r\n        cursor: pointer;\r\n        opacity: 0;\r\n        color: #fff;\r\n    }\r\n    .screenfull:hover {\r\n        opacity: 1;\r\n    }\r\n    .prize-title{\r\n        // padding-top: 300rpx;\r\n        margin-top: 17%;\r\n        font-size: 48px;\r\n        /* font-weight: 700; */\r\n        color: #fff;\r\n    }\r\n    .prize-money{\r\n        // margin-top: -10px;\r\n        font-size: 100px;\r\n        font-weight: 700;\r\n        color: #FDEE21;\r\n    }\r\n     .prize-text{\r\n        margin-top: -20px;\r\n        font-size: 64px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n    }\r\n    .activity{\r\n        margin-top: 50px;\r\n        font-size: 48px;\r\n        color: #fff;\r\n    }\r\n    .city{\r\n        width: 40%;\r\n        position: absolute;\r\n        bottom: 20%;\r\n        font-size: 64px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n    }\r\n    .data-text {\r\n        width: 55%;\r\n        height: 100%;\r\n        position: absolute;\r\n        right: 5%;\r\n        box-sizing: border-box;\r\n        padding: 10% 0;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        .head-img,\r\n        .title-text,\r\n        .time-text {\r\n            flex-shrink: 0;\r\n        }\r\n        .head-img {\r\n            width: 140px;\r\n            height: 140px;\r\n            border: 6px solid #fff;\r\n            border-radius: 50%;\r\n        }\r\n        .title-text {\r\n            margin-top: 25px;\r\n            color: #fff;\r\n            font-size: 2.5rem;\r\n            .yellow-color {\r\n                color: #fed35a;\r\n            }\r\n        }\r\n        .time-text {\r\n            color: #fff;\r\n            font-size: 2rem;\r\n            margin-top: 20px;\r\n        }\r\n        .information-data {\r\n            height: 40%;\r\n            width: 100%;\r\n            height: 1px;\r\n            flex-grow: 1;\r\n            border-radius: 15px;\r\n            border: 1px solid #ccc;\r\n            margin-top: 6%;\r\n            padding: 15px 20px;\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            ul {\r\n                li {\r\n                    height: 20%;\r\n                    // line-height: 100%;\r\n                    margin-top: 1%;\r\n                    color: #fff;\r\n                    font-size: 26px;\r\n                    font-weight: 500;\r\n                    text-align: left;\r\n                    white-space: nowrap;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                    .yellow-color {\r\n                        color: #fed35a;\r\n                    }\r\n                }\r\n            }\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!./prize-pool.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!./prize-pool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./prize-pool.vue?vue&type=template&id=f538e2ca&scoped=true&\"\nimport script from \"./prize-pool.vue?vue&type=script&lang=js&\"\nexport * from \"./prize-pool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./prize-pool.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./prize-pool.vue?vue&type=style&index=1&id=f538e2ca&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  \"f538e2ca\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/jiu.f82f0fe0.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../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!./prize-pool.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../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!./prize-pool.vue?vue&type=style&index=1&id=f538e2ca&lang=scss&scoped=true&\"","'use strict';\nvar $ = require('../internals/export');\nvar $map = require('../internals/array-iteration').map;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');\n\n// `Array.prototype.map` method\n// https://tc39.es/ecma262/#sec-array.prototype.map\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  map: function map(callbackfn /* , thisArg */) {\n    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n"],"sourceRoot":""}