Skip to content

activities / web-lottery

Go to a project
Commit 172c0a47 by 施嘉伟
Options

refactor(records): 优化records组件 

1.优化records组件样式
parent f2fc0efc
Showing with 733 additions and 783 deletions
components/Lottery/Instant/Records.vue
...@@ -20,36 +20,17 @@ ...@@ -20,36 +20,17 @@
:is-show-winners-list="isShowWinnersList" :is-show-winners-list="isShowWinnersList"
@setIsShowRecordsPopup="setIsShowRecordsPopup" @setIsShowRecordsPopup="setIsShowRecordsPopup"
></RecordsPupup> ></RecordsPupup>
<RecordsPupupNew
v-model="pupupNewVisible"
:active-tab="activeTab"
:is-show-winners-list="isShowWinnersList"
:records-config="recordsConfig"
@setIsShowRecordsPopup="setIsShowRecordsPopup"
></RecordsPupupNew>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters, mapActions } from 'vuex' import { mapGetters, mapActions } from 'vuex'
import RecordsPupup from '@/components/Lottery/Instant/RecordsPupup' import RecordsPupup from '@/components/Lottery/Instant/RecordsPupup'
import RecordsPupupNew from '@/components/Lottery/Instant/RecordsPupupNew'
import Bus from '@/utils/Bus'
export default { export default {
name: 'Records', name: 'Records',
components: { components: {
RecordsPupup, RecordsPupup
RecordsPupupNew
},
props: {
recordsConfig: {
type: Object,
default: () => ({
mode: 'old'
})
}
}, },
data() { data() {
return { return {
...@@ -66,28 +47,8 @@ export default { ...@@ -66,28 +47,8 @@ export default {
return !!lotteryInfo.showResult return !!lotteryInfo.showResult
}, },
pupupVisible() { pupupVisible() {
return this.isShowRecordsPopup && this.recordsConfig.mode === 'old' return this.isShowRecordsPopup
}, },
pupupNewVisible() {
return this.isShowRecordsPopup && this.recordsConfig.mode === 'new'
},
textColor() {
if (this.recordsConfig.mode === 'new') {
return {
color: this.recordsConfig.textColor
}
} else {
return {}
}
}
},
watch: {
'recordsConfig.textColor': {
handler(val) {
val ? Bus.$emit('initDeal', val) : Bus.$emit('initDeal', '')
},
immediate: true
}
}, },
mounted() { mounted() {
this.recordsLayouts = this.$refs.recordsLayouts this.recordsLayouts = this.$refs.recordsLayouts
...@@ -122,7 +83,6 @@ export default { ...@@ -122,7 +83,6 @@ export default {
this.body.addEventListener('touchmove', this.recordsScrollOn) this.body.addEventListener('touchmove', this.recordsScrollOn)
}) })
this.body.addEventListener('touchend', () => { this.body.addEventListener('touchend', () => {
this.body.removeEventListener('touchmove', this.recordsScrollOn) this.body.removeEventListener('touchmove', this.recordsScrollOn)
this.recordsScrollOff() this.recordsScrollOff()
}) })
......
components/Lottery/Instant/WinPopupNew.vue deleted 100644 → 0
<template>
<van-popup v-model="visible" class="win-popup" :style="{ background: 'transparent' }">
<div class="win-popup__container">
<div class="win-popup__close" :style="closeBg" @click="onClose"></div>
<div class="win-popup__wrap" :style="wrapBg">
<div class="win-popup__content">
<div v-if="isWin" class="win-popup__header">
<img :src="winConfig.winTitle" />
</div>
<div v-if="isWin" class="win-popup__win-info">
<div class="win-popup__title">恭喜获得</div>
<div class="win-popup__prize-img" :style="prizeBg">
<img src="@/assets/images/lottery/gift.png" alt="" />
</div>
<div class="win-popup__prize-name">
{{ info.name }}
</div>
</div>
<div v-else class="win-popup__thanks">
<p>很遗憾</p>
<slot name="thanks"></slot>
</div>
</div>
<div v-if="isWin" class="win-popup__bottom">
<van-button class="win-popup__sure" color="linear-gradient(#fff0cd, #fdbf2c)" round @click="know"
>查看奖品详情</van-button
>
<p class="win-popup__win-msg">根据活动说明进行领取</p>
</div>
<div v-else class="win-popup__bottom">
<van-button class="win-popup__sure" color="linear-gradient(#fff0cd, #fdbf2c)" round @click="visible = false"
>我知道了</van-button
>
</div>
</div>
</div>
</van-popup>
</template>
<script>
import Bus from '@/utils/Bus'
export default {
name: 'WinPopup',
components: {},
props: {
value: {
type: Boolean,
default: false
},
info: {
type: Object,
default: () => ({})
},
winConfig: {
type: Object,
default: () => ({})
}
},
computed: {
visible: {
get() {
return this.value
},
set(val) {
Bus.$emit('updateMain', { isShowWin: val })
}
},
isWin() {
return !!+this.info.id
},
wrapBg() {
return {
backgroundImage: `url(${this.winConfig.bg})`
}
},
closeBg() {
return {
backgroundImage: `url(${this.winConfig.winClose})`
}
},
prizeBg() {
return {
backgroundImage: `url(${this.winConfig.winPrizeBg})`
}
}
},
methods: {
know() {
Bus.$emit('updateMain', { func: 'winCallback' })
},
onClose() {
Bus.$emit('updateMain', { func: 'winCloseCallback' })
}
}
}
</script>
<style lang="less" scoped>
@containerWidth: 326px;
@wrapWidth: 275px;
@wrapHeight: 292px;
.win-popup {
width: 263px;
height: 309px;
overflow: visible;
&__close {
position: absolute;
right: -20px;
top: -10px;
width: 25px;
height: 25px;
background-size: 100% 100%;
}
&__container {
width: 100%;
height: 100%;
position: relative;
}
&__wrap {
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
&__content {
color: #fff;
font-size: 16px;
width: 100%;
height: 100%;
overflow: hidden;
}
&__win-info {
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #0000001a;
width: 80%;
margin: 0 auto;
border-radius: 20px;
padding: 12px 0;
z-index: 20;
}
&__title {
width: 100%;
text-align: center;
color: #fff;
font-weight: 500;
font-size: 14px;
height: 18px;
margin-bottom: 7px;
}
&__prize-img {
margin-bottom: 7px;
background-size: 100% 100%;
width: 65px;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
img {
display: block;
width: 60%;
height: 60%;
}
}
&__prize-name {
width: 100%;
padding: 0 10px;
font-size: 12px;
color: #fff;
margin-top: 11px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}
&__thanks {
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
p {
margin-bottom: 10px;
font-size: 18px;
}
}
&__bottom {
height: 120px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
&__footer {
position: absolute;
bottom: 14%;
left: 50%;
transform: translateX(-50%);
width: 157px;
height: 49px;
img {
width: 100%;
height: 100%;
}
}
&__header {
position: absolute;
top: 12%;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 27px;
text-align: center;
img {
height: 100%;
}
}
&__sure {
width: 157px;
height: 49px;
line-height: 49px;
border-radius: 20px;
outline: none;
/deep/ .van-button__text {
font-size: 16px;
color: #860300;
font-weight: 600;
text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
}
}
&__win-msg {
text-align: center;
margin: 5px 0;
font-size: 12px;
color: #fff;
}
}
</style>
components/Lottery/Instant/type/TypeGashapon.vue
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</template> </template>
</WinPopup> </WinPopup>
<BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog> <BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction> <Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction>
</section> </section>
</template> </template>
...@@ -46,7 +46,7 @@ import onStartDidabledImg from '@/assets/images/lottery/gashapon/on-start-disabl ...@@ -46,7 +46,7 @@ import onStartDidabledImg from '@/assets/images/lottery/gashapon/on-start-disabl
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { LOTTERY_STATUS } from '@/utils/constant' import { LOTTERY_STATUS } from '@/utils/constant'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { recordsConfigGashapon, ballListGashapon } from './config' import { ballListGashapon } from './config'
export default { export default {
components: { components: {
...@@ -85,7 +85,6 @@ export default { ...@@ -85,7 +85,6 @@ export default {
playId: this.$route.query.sessionId || null, // 场次id playId: this.$route.query.sessionId || null, // 场次id
sid: this.$route.query.sid || null, // 引用id sid: this.$route.query.sid || null, // 引用id
stype: this.$route.query.stype || null, // 引用类型 stype: this.$route.query.stype || null, // 引用类型
recordsConfig: recordsConfigGashapon, // 中奖记录样式配置
ballListGashapon // 扭蛋球图片 ballListGashapon // 扭蛋球图片
} }
}, },
...@@ -119,6 +118,9 @@ export default { ...@@ -119,6 +118,9 @@ export default {
} }
} }
}, },
mounted() {
Bus.$emit('initDeal', '#6f19d1')
},
methods: { methods: {
startLottery() { startLottery() {
Bus.$emit('updateMain', { func: 'startLottery' }) Bus.$emit('updateMain', { func: 'startLottery' })
...@@ -129,7 +131,8 @@ export default { ...@@ -129,7 +131,8 @@ export default {
endCallBack() { endCallBack() {
Bus.$emit('updateMain', { func: 'runEnd' }) Bus.$emit('updateMain', { func: 'runEnd' })
} }
} },
} }
</script> </script>
...@@ -333,7 +336,74 @@ export default { ...@@ -333,7 +336,74 @@ export default {
padding: 0 9px; padding: 0 9px;
border: none; border: none;
height: 22.5px !important; height: 22.5px !important;
background-color: #8350B299; background-color: #8350b299;
}
// records
/deep/ .records {
&__entry-wrap p {
color: #6f19d1;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time,
&__session,
&__item {
color: #fff;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-purple.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#fcf9fc, #efd6ed);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #b46ed0;
font-weight: 400;
}
&--active {
background: linear-gradient(#fffdfe, #ffd5fd);
span {
color: #752ec8 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
} }
} }
</style> </style>
components/Lottery/Instant/type/TypeGashapon2.vue
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
</template> </template>
</WinPopup> </WinPopup>
<BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog> <BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction> <Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction>
</section> </section>
</template> </template>
...@@ -48,7 +48,7 @@ import onStartDidabledImg from '@/assets/images/lottery/gashapon2/on-start-disab ...@@ -48,7 +48,7 @@ import onStartDidabledImg from '@/assets/images/lottery/gashapon2/on-start-disab
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { LOTTERY_STATUS } from '@/utils/constant' import { LOTTERY_STATUS } from '@/utils/constant'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { recordsConfigGashapon2 as recordsConfigGashapon, ballListGashapon } from './config' import { ballListGashapon } from './config'
export default { export default {
components: { components: {
...@@ -87,7 +87,6 @@ export default { ...@@ -87,7 +87,6 @@ export default {
playId: this.$route.query.sessionId || null, // 场次id playId: this.$route.query.sessionId || null, // 场次id
sid: this.$route.query.sid || null, // 引用id sid: this.$route.query.sid || null, // 引用id
stype: this.$route.query.stype || null, // 引用类型 stype: this.$route.query.stype || null, // 引用类型
recordsConfig: recordsConfigGashapon, // 中奖记录样式配置
ballListGashapon // 扭蛋球图片 ballListGashapon // 扭蛋球图片
} }
}, },
...@@ -111,6 +110,9 @@ export default { ...@@ -111,6 +110,9 @@ export default {
return onStartImg return onStartImg
} }
}, },
mounted() {
Bus.$emit('initDeal', '#6f4800')
},
methods: { methods: {
startLottery() { startLottery() {
Bus.$emit('updateMain', { func: 'startLottery' }) Bus.$emit('updateMain', { func: 'startLottery' })
...@@ -332,5 +334,70 @@ export default { ...@@ -332,5 +334,70 @@ export default {
padding: 0; padding: 0;
border: none; border: none;
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #6f4800;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time {
color: #333;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-blue.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#f6fbff, #a8d9fb);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #90b4dd;
font-weight: 400;
}
&--active {
background: linear-gradient(#feffff, #dff0ff);
span {
color: #4787d1 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/TypeGashaponMini.vue
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</template> </template>
</WinPopup> </WinPopup>
<BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog> <BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup> <IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup>
</section> </section>
</template> </template>
...@@ -47,7 +47,7 @@ import onStartDidabledImg from '@/assets/images/lottery/gashapon/on-start-disabl ...@@ -47,7 +47,7 @@ import onStartDidabledImg from '@/assets/images/lottery/gashapon/on-start-disabl
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { LOTTERY_STATUS } from '@/utils/constant' import { LOTTERY_STATUS } from '@/utils/constant'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { recordsConfigGashapon, ballListGashapon } from './config' import { ballListGashapon } from './config'
export default { export default {
components: { components: {
...@@ -90,7 +90,6 @@ export default { ...@@ -90,7 +90,6 @@ export default {
playId: this.$route.query.sessionId || null, // 场次id playId: this.$route.query.sessionId || null, // 场次id
sid: this.$route.query.sid || null, // 引用id sid: this.$route.query.sid || null, // 引用id
stype: this.$route.query.stype || null, // 引用类型 stype: this.$route.query.stype || null, // 引用类型
recordsConfig: recordsConfigGashapon, // 中奖记录样式配置
ballListGashapon // 扭蛋球图片 ballListGashapon // 扭蛋球图片
} }
}, },
...@@ -124,6 +123,9 @@ export default { ...@@ -124,6 +123,9 @@ export default {
} }
} }
}, },
mounted() {
Bus.$emit('initDeal', '#6f19d1')
},
methods: { methods: {
startLottery() { startLottery() {
Bus.$emit('updateMain', { func: 'startLottery' }) Bus.$emit('updateMain', { func: 'startLottery' })
...@@ -356,6 +358,73 @@ export default { ...@@ -356,6 +358,73 @@ export default {
height: 22.5px !important; height: 22.5px !important;
background-color: #8350B299; background-color: #8350B299;
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #6f19d1;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time,
&__session,
&__item {
color: #fff;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-purple.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#fcf9fc, #efd6ed);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #b46ed0;
font-weight: 400;
}
&--active {
background: linear-gradient(#fffdfe, #ffd5fd);
span {
color: #752ec8 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/TypeGashaponMini2.vue
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</template> </template>
</WinPopup> </WinPopup>
<BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog> <BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup> <IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup>
</section> </section>
</template> </template>
...@@ -46,7 +46,7 @@ import onStartDidabledImg from '@/assets/images/lottery/gashapon2/on-start-disab ...@@ -46,7 +46,7 @@ import onStartDidabledImg from '@/assets/images/lottery/gashapon2/on-start-disab
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { LOTTERY_STATUS } from '@/utils/constant' import { LOTTERY_STATUS } from '@/utils/constant'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { recordsConfigGashapon2 as recordsConfigGashapon, ballListGashapon } from './config' import { ballListGashapon } from './config'
export default { export default {
components: { components: {
...@@ -89,7 +89,6 @@ export default { ...@@ -89,7 +89,6 @@ export default {
playId: this.$route.query.sessionId || null, // 场次id playId: this.$route.query.sessionId || null, // 场次id
sid: this.$route.query.sid || null, // 引用id sid: this.$route.query.sid || null, // 引用id
stype: this.$route.query.stype || null, // 引用类型 stype: this.$route.query.stype || null, // 引用类型
recordsConfig: recordsConfigGashapon, // 中奖记录样式配置
ballListGashapon // 扭蛋球图片 ballListGashapon // 扭蛋球图片
} }
}, },
...@@ -113,6 +112,9 @@ export default { ...@@ -113,6 +112,9 @@ export default {
return onStartImg return onStartImg
} }
}, },
mounted() {
Bus.$emit('initDeal', '#6f4800')
},
methods: { methods: {
startLottery() { startLottery() {
Bus.$emit('updateMain', { func: 'startLottery' }) Bus.$emit('updateMain', { func: 'startLottery' })
...@@ -341,5 +343,70 @@ export default { ...@@ -341,5 +343,70 @@ export default {
color: #000; color: #000;
} }
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #6f4800;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time {
color: #333;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-blue.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#f6fbff, #a8d9fb);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #90b4dd;
font-weight: 400;
}
&--active {
background: linear-gradient(#feffff, #dff0ff);
span {
color: #4787d1 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/TypeGuess.vue
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</template> </template>
</WinPopup> </WinPopup>
<BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog> <BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction> <Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction>
</section> </section>
</template> </template>
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
import { PrizeGuess } from 'lotteries' import { PrizeGuess } from 'lotteries'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { blindBoxListGuess, recordsConfigGuess, starConfig } from './config' import { blindBoxListGuess, starConfig } from './config'
export default { export default {
components: { components: {
...@@ -92,7 +92,6 @@ export default { ...@@ -92,7 +92,6 @@ export default {
chooseIndex: 0, chooseIndex: 0,
timer: null, timer: null,
blindBoxList: blindBoxListGuess, blindBoxList: blindBoxListGuess,
recordsConfig: recordsConfigGuess, // 中奖记录样式配置
starConfig starConfig
} }
}, },
...@@ -106,6 +105,7 @@ export default { ...@@ -106,6 +105,7 @@ export default {
}, },
mounted() { mounted() {
this.startChooseScroll() this.startChooseScroll()
Bus.$emit('initDeal', '#6f19d1')
}, },
beforeDestroy() { beforeDestroy() {
this.endChooseScroll() this.endChooseScroll()
...@@ -131,7 +131,9 @@ export default { ...@@ -131,7 +131,9 @@ export default {
Bus.$emit('updateMain', { func: 'startLottery' }) Bus.$emit('updateMain', { func: 'startLottery' })
}, },
drawAnimation() { drawAnimation() {
Bus.$emit('updateMain', { func: 'runEnd' }) setTimeout(() => {
Bus.$emit('updateMain', { func: 'runEnd' })
}, 0)
} }
} }
} }
...@@ -359,5 +361,72 @@ export default { ...@@ -359,5 +361,72 @@ export default {
height: 22.5px !important; height: 22.5px !important;
background-color: #12121233; background-color: #12121233;
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #6f19d1;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time,
&__session,
&__item {
color: #fff;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-purple.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#fcf9fc, #efd6ed);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #b46ed0;
font-weight: 400;
}
&--active {
background: linear-gradient(#fffdfe, #ffd5fd);
span {
color: #752ec8 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/TypeGuess2.vue
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</template> </template>
</WinPopup> </WinPopup>
<BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog> <BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction> <Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction>
</section> </section>
</template> </template>
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
import { PrizeGuess } from 'lotteries' import { PrizeGuess } from 'lotteries'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { blindBoxListGuess2, recordsConfigGuess, starConfig } from './config' import { blindBoxListGuess2, starConfig } from './config'
export default { export default {
components: { components: {
...@@ -92,7 +92,6 @@ export default { ...@@ -92,7 +92,6 @@ export default {
chooseIndex: 0, chooseIndex: 0,
timer: null, timer: null,
blindBoxList: blindBoxListGuess2, blindBoxList: blindBoxListGuess2,
recordsConfig: recordsConfigGuess, // 中奖记录样式配置
starConfig starConfig
} }
}, },
...@@ -104,6 +103,9 @@ export default { ...@@ -104,6 +103,9 @@ export default {
isBindPhone: 'users/isBindPhone' isBindPhone: 'users/isBindPhone'
}) })
}, },
mounted() {
Bus.$emit('initDeal', '#6f19d1')
},
// mounted() { // mounted() {
// this.startChooseScroll() // this.startChooseScroll()
// }, // },
...@@ -131,7 +133,9 @@ export default { ...@@ -131,7 +133,9 @@ export default {
Bus.$emit('updateMain', { func: 'startLottery' }) Bus.$emit('updateMain', { func: 'startLottery' })
}, },
drawAnimation() { drawAnimation() {
Bus.$emit('updateMain', { func: 'runEnd' }) setTimeout(() => {
Bus.$emit('updateMain', { func: 'runEnd' })
}, 0)
} }
} }
} }
...@@ -359,5 +363,72 @@ export default { ...@@ -359,5 +363,72 @@ export default {
height: 22.5px !important; height: 22.5px !important;
background-color: #12121233; background-color: #12121233;
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #6f19d1;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time,
&__session,
&__item {
color: #fff;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-purple.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#fcf9fc, #efd6ed);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #b46ed0;
font-weight: 400;
}
&--active {
background: linear-gradient(#fffdfe, #ffd5fd);
span {
color: #752ec8 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/TypeGuessMini.vue
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</template> </template>
</WinPopup> </WinPopup>
<BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog> <BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup> <IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup>
</section> </section>
</template> </template>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
import { PrizeGuess } from 'lotteries' import { PrizeGuess } from 'lotteries'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { blindBoxListGuess, recordsConfigGuess, starConfig } from './config' import { blindBoxListGuess, starConfig } from './config'
export default { export default {
components: { components: {
...@@ -97,7 +97,6 @@ export default { ...@@ -97,7 +97,6 @@ export default {
chooseIndex: 0, chooseIndex: 0,
timer: null, timer: null,
blindBoxList: blindBoxListGuess, blindBoxList: blindBoxListGuess,
recordsConfig: recordsConfigGuess, // 中奖记录样式配置
starConfig starConfig
} }
}, },
...@@ -111,6 +110,7 @@ export default { ...@@ -111,6 +110,7 @@ export default {
}, },
mounted() { mounted() {
this.startChooseScroll() this.startChooseScroll()
Bus.$emit('initDeal', '#6f19d1')
}, },
beforeDestroy() { beforeDestroy() {
this.endChooseScroll() this.endChooseScroll()
...@@ -136,7 +136,9 @@ export default { ...@@ -136,7 +136,9 @@ export default {
Bus.$emit('updateMain', { func: 'startLottery' }) Bus.$emit('updateMain', { func: 'startLottery' })
}, },
drawAnimation() { drawAnimation() {
Bus.$emit('updateMain', { func: 'runEnd' }) setTimeout(() => {
Bus.$emit('updateMain', { func: 'runEnd' })
}, 0)
}, },
changeIsShowIntro() { changeIsShowIntro() {
Bus.$emit('updateMain', { isShowIntro: true }) Bus.$emit('updateMain', { isShowIntro: true })
...@@ -389,5 +391,72 @@ export default { ...@@ -389,5 +391,72 @@ export default {
height: 22.5px !important; height: 22.5px !important;
background-color: #12121233; background-color: #12121233;
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #6f19d1;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time,
&__session,
&__item {
color: #fff;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-purple.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#fcf9fc, #efd6ed);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #b46ed0;
font-weight: 400;
}
&--active {
background: linear-gradient(#fffdfe, #ffd5fd);
span {
color: #752ec8 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/TypeGuessMini2.vue
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</template> </template>
</WinPopup> </WinPopup>
<BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog> <BindPhoneDialog :value="isShowBindPhone"></BindPhoneDialog>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup> <IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup>
</section> </section>
</template> </template>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
import { PrizeGuess } from 'lotteries' import { PrizeGuess } from 'lotteries'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { blindBoxListGuess2 as blindBoxListGuess, recordsConfigGuess, starConfig } from './config' import { blindBoxListGuess2 as blindBoxListGuess, starConfig } from './config'
export default { export default {
components: { components: {
...@@ -97,7 +97,6 @@ export default { ...@@ -97,7 +97,6 @@ export default {
chooseIndex: 0, chooseIndex: 0,
timer: null, timer: null,
blindBoxList: blindBoxListGuess, blindBoxList: blindBoxListGuess,
recordsConfig: recordsConfigGuess, // 中奖记录样式配置
starConfig starConfig
} }
}, },
...@@ -109,6 +108,9 @@ export default { ...@@ -109,6 +108,9 @@ export default {
isBindPhone: 'users/isBindPhone' isBindPhone: 'users/isBindPhone'
}) })
}, },
mounted() {
Bus.$emit('initDeal', '#6f19d1')
},
// mounted() { // mounted() {
// this.startChooseScroll() // this.startChooseScroll()
// }, // },
...@@ -139,7 +141,9 @@ export default { ...@@ -139,7 +141,9 @@ export default {
Bus.$emit('updateMain', { func: 'runEnd' }) Bus.$emit('updateMain', { func: 'runEnd' })
}, },
changeIsShowIntro() { changeIsShowIntro() {
Bus.$emit('updateMain', { isShowIntro: true }) setTimeout(() => {
Bus.$emit('updateMain', { func: 'runEnd' })
}, 0)
} }
} }
} }
...@@ -388,5 +392,72 @@ export default { ...@@ -388,5 +392,72 @@ export default {
height: 22.5px !important; height: 22.5px !important;
background-color: #12121233; background-color: #12121233;
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #6f19d1;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time,
&__session,
&__item {
color: #fff;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-purple.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#fcf9fc, #efd6ed);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #b46ed0;
font-weight: 400;
}
&--active {
background: linear-gradient(#fffdfe, #ffd5fd);
span {
color: #752ec8 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/TypeScratch.vue
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
</div> </div>
</template> </template>
</WinPopup> </WinPopup>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction> <Introduction class="lottery-instant__intro" rule-position="bottom"></Introduction>
</section> </section>
</template> </template>
...@@ -73,7 +73,6 @@ import coverImg from '@/assets/images/lottery/scratch/mask.png' ...@@ -73,7 +73,6 @@ import coverImg from '@/assets/images/lottery/scratch/mask.png'
import onStartImg from '@/assets/images/lottery/scratch/on-start.png' import onStartImg from '@/assets/images/lottery/scratch/on-start.png'
import onStartDidabledImg from '@/assets/images/lottery/scratch/on-start-disabled.png' import onStartDidabledImg from '@/assets/images/lottery/scratch/on-start-disabled.png'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { recordsConfigScratch } from './config'
export default { export default {
components: { components: {
...@@ -112,8 +111,7 @@ export default { ...@@ -112,8 +111,7 @@ export default {
id: this.$route.query.id || null, // 抽奖id id: this.$route.query.id || null, // 抽奖id
playId: this.$route.query.sessionId || null, // 场次id playId: this.$route.query.sessionId || null, // 场次id
sid: this.$route.query.sid || null, // 引用id sid: this.$route.query.sid || null, // 引用id
stype: this.$route.query.stype || null, // 引用类型 stype: this.$route.query.stype || null // 引用类型
recordsConfig: recordsConfigScratch // 中奖记录样式配置
} }
}, },
computed: { computed: {
...@@ -139,6 +137,9 @@ export default { ...@@ -139,6 +137,9 @@ export default {
return !!+this.winInfo.id return !!+this.winInfo.id
} }
}, },
mounted() {
Bus.$emit('initDeal', '#093c85')
},
methods: { methods: {
...mapActions({ jumpToLogin: 'users/jumpToLogin', updateInfo: 'lottery/updateInfo' }), ...mapActions({ jumpToLogin: 'users/jumpToLogin', updateInfo: 'lottery/updateInfo' }),
// 开始抽奖 // 开始抽奖
...@@ -419,5 +420,70 @@ export default { ...@@ -419,5 +420,70 @@ export default {
height: 22.5px !important; height: 22.5px !important;
background-color: #2452bb99; background-color: #2452bb99;
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #093c85;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time {
color: #333;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-blue.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#f6fbff, #a8d9fb);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #90b4dd;
font-weight: 400;
}
&--active {
background: linear-gradient(#feffff, #dff0ff);
span {
color: #4787d1 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/TypeScratchMini.vue
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
</div> </div>
</template> </template>
</WinPopup> </WinPopup>
<Records :records-config="recordsConfig"></Records> <Records></Records>
<IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup> <IntroductionPopup :value="isShowIntro" rule-position="bottom"></IntroductionPopup>
</section> </section>
</template> </template>
...@@ -74,7 +74,6 @@ import coverImg from '@/assets/images/lottery/scratch/mask.png' ...@@ -74,7 +74,6 @@ import coverImg from '@/assets/images/lottery/scratch/mask.png'
import onStartImg from '@/assets/images/lottery/scratch/on-start.png' import onStartImg from '@/assets/images/lottery/scratch/on-start.png'
import onStartDidabledImg from '@/assets/images/lottery/scratch/on-start-disabled.png' import onStartDidabledImg from '@/assets/images/lottery/scratch/on-start-disabled.png'
import Bus from '@/utils/Bus' import Bus from '@/utils/Bus'
import { recordsConfigScratch } from './config'
export default { export default {
components: { components: {
...@@ -117,8 +116,7 @@ export default { ...@@ -117,8 +116,7 @@ export default {
id: this.$route.query.id || null, // 抽奖id id: this.$route.query.id || null, // 抽奖id
playId: this.$route.query.sessionId || null, // 场次id playId: this.$route.query.sessionId || null, // 场次id
sid: this.$route.query.sid || null, // 引用id sid: this.$route.query.sid || null, // 引用id
stype: this.$route.query.stype || null, // 引用类型 stype: this.$route.query.stype || null // 引用类型
recordsConfig: recordsConfigScratch // 中奖记录样式配置
} }
}, },
computed: { computed: {
...@@ -144,6 +142,9 @@ export default { ...@@ -144,6 +142,9 @@ export default {
return !!+this.winInfo.id return !!+this.winInfo.id
} }
}, },
mounted() {
Bus.$emit('initDeal', '#093c85')
},
methods: { methods: {
...mapActions({ jumpToLogin: 'users/jumpToLogin', updateInfo: 'lottery/updateInfo' }), ...mapActions({ jumpToLogin: 'users/jumpToLogin', updateInfo: 'lottery/updateInfo' }),
// 开始抽奖 // 开始抽奖
...@@ -456,5 +457,70 @@ export default { ...@@ -456,5 +457,70 @@ export default {
height: 22.5px !important; height: 22.5px !important;
background-color: #2452bb99; background-color: #2452bb99;
} }
// records
/deep/ .records {
&__entry-wrap p {
color: #093c85;
}
&-popup {
width: 258px;
height: 320px;
background-color: transparent;
&__tabs {
padding-top: 0;
}
&__personal-record,
&__winners-record {
padding: 0 30px;
}
&__phone,
&__prize-name,
&__time {
color: #333;
}
}
.van-tabs {
&__wrap {
height: 29px;
}
&__line {
display: none;
}
&__nav--line {
width: 180px;
padding-bottom: 0;
}
&__content {
background-image: url('@/assets/images/lottery/records-new/bg-blue.png');
background-size: 100% 100%;
}
}
.van-tab {
width: 60px;
background: linear-gradient(#f6fbff, #a8d9fb);
border-radius: 12px 12px 0 0;
margin: 0 3px;
span {
color: #90b4dd;
font-weight: 400;
}
&--active {
background: linear-gradient(#feffff, #dff0ff);
span {
color: #4787d1 !important;
}
}
}
.van-popup__close-icon {
display: none;
}
.van-tabs__content .van-tab__pane {
padding: 20px 0;
}
.records-popup__winners-record .records-popup__prize-name {
color: #d92e32;
}
}
} }
</style> </style>
components/Lottery/Instant/type/config.js
...@@ -20,73 +20,31 @@ import ballGashapon3 from '@/assets/images/lottery/gashapon-ball/phone.png' ...@@ -20,73 +20,31 @@ import ballGashapon3 from '@/assets/images/lottery/gashapon-ball/phone.png'
import ballGashapon4 from '@/assets/images/lottery/gashapon-ball/gift.png' import ballGashapon4 from '@/assets/images/lottery/gashapon-ball/gift.png'
import ballGashapon5 from '@/assets/images/lottery/gashapon-ball/egg-red.png' import ballGashapon5 from '@/assets/images/lottery/gashapon-ball/egg-red.png'
// 记录样式
import recordsBgPurple from '@/assets/images/lottery/records-new/bg-purple.png'
import personalBgPurple from '@/assets/images/lottery/records-new/personal-purple.png'
import personalBgDisabledPurple from '@/assets/images/lottery/records-new/personal-disabled-purple.png'
import winnersBgPurple from '@/assets/images/lottery/records-new/winners-purple.png'
import winnersBgDisabledPurple from '@/assets/images/lottery/records-new/winners-disabled-purple.png'
import recordsBgBlue from '@/assets/images/lottery/records-new/bg-blue.png'
import personalBgBlue from '@/assets/images/lottery/records-new/personal-blue.png'
import personalBgDisabledBlue from '@/assets/images/lottery/records-new/personal-disabled-blue.png'
import winnersBgBlue from '@/assets/images/lottery/records-new/winners-blue.png'
import winnersBgDisabledBlue from '@/assets/images/lottery/records-new/winners-disabled-blue.png'
// 开奖样式
import winClosePurple from '@/assets/images/lottery/win-new/close-purple.png'
import winCloseBlue from '@/assets/images/lottery/win-new/close-blue.png'
const recordsConfigPurple = {
mode: 'new',
textColor: '#6F19D1',
bg: recordsBgPurple,
personalBg: personalBgPurple,
personalBgDisabled: personalBgDisabledPurple,
winnersBg: winnersBgPurple,
winnersBgDisabled: winnersBgDisabledPurple,
closeIcon: winClosePurple,
noDataColor: '#fff',
normalTextColor: '#fff',
prizebindTextColor: '#ffc800'
}
const recordsConfigBlue = {
mode: 'new',
textColor: '#6F4800',
bg: recordsBgBlue,
personalBg: personalBgBlue,
personalBgDisabled: personalBgDisabledBlue,
winnersBg: winnersBgBlue,
winnersBgDisabled: winnersBgDisabledBlue,
closeIcon: winCloseBlue,
noDataColor: '#8fb3dc'
}
/* 猜盲盒 */ /* 猜盲盒 */
const recordsConfigGuess = recordsConfigPurple
const starConfig = [ const starConfig = [
{ {
width: '0.3rem', width: '0.3rem',
height: '0.3rem', height: '0.3rem',
top: "10%", top: '10%',
left: "-30%" left: '-30%'
}, },
{ {
width: '0.4rem', width: '0.4rem',
height: '0.3rem', height: '0.3rem',
top: "-15%", top: '-15%',
left: "-25%" left: '-25%'
}, },
{ {
width: '0.6rem', width: '0.6rem',
height: '0.3rem', height: '0.3rem',
top: "-25%", top: '-25%',
right: "-25%" right: '-25%'
}, },
{ {
width: '0.4rem', width: '0.4rem',
height: '0.3rem', height: '0.3rem',
top: "20%", top: '20%',
right: "-35%" right: '-35%'
} }
] ]
...@@ -126,7 +84,6 @@ const blindBoxListGuess2 = [ ...@@ -126,7 +84,6 @@ const blindBoxListGuess2 = [
] ]
/* 扭蛋机 */ /* 扭蛋机 */
const recordsConfigGashapon = recordsConfigPurple
const ballListGashapon = [ const ballListGashapon = [
{ {
img: ballGashapon1, img: ballGashapon1,
...@@ -166,26 +123,13 @@ const ballListGashapon = [ ...@@ -166,26 +123,13 @@ const ballListGashapon = [
} }
] ]
// 扭蛋机1
// 扭蛋机2
const recordsConfigGashapon2 = recordsConfigBlue
const recordsConfigScratch = Object.assign({}, recordsConfigBlue, { textColor: '#093C85' })
export { export {
// 猜盲盒 // 猜盲盒
blindBoxListGuess, blindBoxListGuess,
recordsConfigGuess,
// 猜盲盒2 // 猜盲盒2
blindBoxListGuess2, blindBoxListGuess2,
// 扭蛋机 // 扭蛋机
ballListGashapon, ballListGashapon,
recordsConfigGashapon,
// 扭蛋机2
recordsConfigGashapon2,
// 刮刮乐 // 刮刮乐
recordsConfigScratch,
starConfig starConfig
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment