/* 猜盲盒 */
// 游戏礼物样式
import gift1 from '@/assets/images/lottery/guess/gift_1.png'
import gift2 from '@/assets/images/lottery/guess/gift_2.png'
import gift3 from '@/assets/images/lottery/guess/gift_3.png'
import gift4 from '@/assets/images/lottery/guess/gift_4.png'

// 介绍背景图
import introBgMiniPurple from '@/assets/images/lottery/guess/intro-bg-mini.png'
import introBgMiniYellow from '@/assets/images/lottery/gashapon2/intro-bg-mini.png'

/* 猜盲盒2 */
// 游戏礼物样式
import gift1Guess2 from '@/assets/images/lottery/guess2/gift_1.png'
import gift2Guess2 from '@/assets/images/lottery/guess2/gift_2.png'
import gift3Guess2 from '@/assets/images/lottery/guess2/gift_3.png'
import gift4Guess2 from '@/assets/images/lottery/guess2/gift_4.png'
import gift5Guess2 from '@/assets/images/lottery/guess2/gift_5.png'
import introTitleBg from '@/assets/images/lottery/guess2/intro-title.png'

/* 扭蛋机 */
import ballGashapon1 from '@/assets/images/lottery/gashapon-ball/red-blue.png'
import ballGashapon2 from '@/assets/images/lottery/gashapon-ball/red-purple.png'
import ballGashapon3 from '@/assets/images/lottery/gashapon-ball/phone.png'
import ballGashapon4 from '@/assets/images/lottery/gashapon-ball/gift.png'
import ballGashapon5 from '@/assets/images/lottery/gashapon-ball/egg-red.png'

/* 扭蛋机2 */
import introTitleGashapon2 from '@/assets/images/lottery/gashapon2/intro-wrap-title.png'
import introWrapBgGashapon2 from '@/assets/images/lottery/gashapon2/intro-wrap-bg.png'

/* 刮刮乐 */
import IntroTitleScratch from '@/assets/images/lottery/scratch/introduction.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 winKnow from '@/assets/images/lottery/win-new/know.png'

import winTitleGuess from '@/assets/images/lottery/win-new/title-guess.png'
import winTitleGashapon from '@/assets/images/lottery/win-new/title-gashapon.png'

import winClosePurple from '@/assets/images/lottery/win-new/close-purple.png'
import winPrizeBgPurple from '@/assets/images/lottery/win-new/prize-bg-purple.png'

import winCloseBlue from '@/assets/images/lottery/win-new/close-blue.png'
import winPrizeBgBlue from '@/assets/images/lottery/win-new/prize-bg-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 winConfigPurple = {
  winKnow,
  bg: recordsBgPurple,
  winClose: winClosePurple,
  winPrizeBg: winPrizeBgPurple
}
const recordsConfigBlue = {
  mode: 'new',
  textColor: '#6F4800',
  bg: recordsBgBlue,
  personalBg: personalBgBlue,
  personalBgDisabled: personalBgDisabledBlue,
  winnersBg: winnersBgBlue,
  winnersBgDisabled: winnersBgDisabledBlue,
  closeIcon: winCloseBlue,
  noDataColor: '#8fb3dc'
}
const winConfigBlue = {
  winKnow,
  bg: recordsBgBlue,
  winClose: winCloseBlue,
  winPrizeBg: winPrizeBgBlue
}
const introductionConfigMiniPurple = {
  introWrapStyle: {
    backgroundColor: 'transparent',
    padding: '0.03rem'
  },
  introContentStyle: {
    backgroundColor: 'transparent',
    color: '#fff',
    padding: 0
  },
  introPopupStyle: {
    backgroundImage: `url(${introBgMiniPurple})`
  },
  contentBoxStyle: {
    backgroundColor: '#00000030',
    padding: '0.01rem 0.2rem 0.2rem 0.2rem',
    borderRadius: '0.3rem'
  },
  backStyle: {
    top: '0.12667rem',
    right: 0,
    background: 'linear-gradient(180deg, #ffd63e 0%, #fca60d 100%)',
    boxShadow: '0 0.01333rem 0.02667rem 0 rgba(202, 146, 46, 1)',
    borderRadius: '0.13333rem 0 0 0.13333rem',
    padding: '0.08rem 0.04rem',
    border: 0
  },
  rule: {
    position: 'bottom',
    style: {}
  }
}
const introductionConfigMiniYellow = {
  introWrapStyle: {
    backgroundColor: 'transparent',
    padding: '0.03rem'
  },
  introContentStyle: {
    backgroundColor: 'transparent',
    color: '#fff',
    padding: 0
  },
  introPopupStyle: {
    background: `url(${introBgMiniYellow})`
  },
  contentBoxStyle: {
    backgroundColor: '#00000030',
    padding: '0.01rem 0.2rem 0.2rem 0.2rem',
    borderRadius: '0.3rem'
  },
  backStyle: {
    top: '0.12667rem',
    right: 0,
    background: 'linear-gradient(180deg, #ffd63e 0%, #fca60d 100%)',
    boxShadow: '0 0.01333rem 0.02667rem 0 rgba(202, 146, 46, 1)',
    borderRadius: '0.13333rem 0 0 0.13333rem',
    padding: '0.08rem 0.04rem',
    border: 0
  },
  rule: {
    position: 'bottom',
    style: {}
  }
}
const introductionConfigMiniBlue = {
  introWrapStyle: {
    backgroundColor: 'transparent',
    padding: '0.03rem'
  },
  introContentStyle: {
    backgroundColor: 'transparent',
    color: '#fff',
    padding: 0
  },
  introPopupStyle: {
    background: 'linear-gradient(180deg, #60BDFF 0%, #AAEEFB 100%)'
  },
  contentBoxStyle: {
    backgroundColor: '#00000030',
    padding: '0.01rem 0.2rem 0.2rem 0.2rem',
    borderRadius: '0.3rem'
  },
  backStyle: {
    top: '0.12667rem',
    right: 0,
    background: 'linear-gradient(180deg, #ffd63e 0%, #fca60d 100%)',
    boxShadow: '0 0.01333rem 0.02667rem 0 rgba(202, 146, 46, 1)',
    borderRadius: '0.13333rem 0 0 0.13333rem',
    padding: '0.08rem 0.04rem',
    border: 0
  },
  rule: {
    position: 'bottom',
    style: {
      color: '#000'
    }
  }
}
const countDownBarBlue = {
  minWidth: '2.13rem',
  padding: '0 0.12rem',
  border: 'none',
  height: '0.3rem !important',
  backgroundColor: '#2452bb99'
}
const countDownBarPurple = Object.assign({}, countDownBarBlue, { backgroundColor: '#8350B299' })
const countDownBarWhite = Object.assign({}, countDownBarBlue, { backgroundColor: '#ffffff99', color: '#000' })
const countDownBarDeepPurple = Object.assign({}, countDownBarBlue, { backgroundColor: '#12121233' })
const countDownBarNone = {
  backgroundColor: 'transparent',
  padding: '0',
  border: 'none'
}

/* 猜盲盒 */
const recordsConfigGuess = recordsConfigPurple
const winConfigGuess = Object.assign({}, winConfigPurple, { winTitle: winTitleGuess })
const introductionConfigGuessMini = introductionConfigMiniPurple
const starConfig = [
  {
    width: '0.3rem',
    height: '0.3rem',
    top: "10%",
    left: "-30%"
  },
  {
    width: '0.4rem',
    height: '0.3rem',
    top: "-15%",
    left: "-25%"
  },
  {
    width: '0.6rem',
    height: '0.3rem',
    top: "-25%",
    right: "-25%"
  },
  {
    width: '0.4rem',
    height: '0.3rem',
    top: "20%",
    right: "-35%"
  }
]

// 猜盲盒1
const blindBoxListGuess = [
  {
    img: gift1
  },
  {
    img: gift2
  },
  {
    img: gift3
  },
  {
    img: gift4
  }
]
const introductionConfigGuess = {
  // 标题
  introTitleStyle: {
    backgroundImage: 'none',
    fontSize: '0.22rem',
    fontWeight: '700',
    textAlign: 'center',
    color: '#fff',
    paddingTop: '0.1rem'
  },
  titleText: '活动介绍',
  // 外框
  introWrapStyle: {
    backgroundColor: '#7F17E3',
    padding: '0.03rem'
  },
  // 内容
  introContentStyle: {
    background: 'linear-gradient(180deg, #7B07C5 0%, #450393 100%)',
    color: '#fff'
  },
  introBoxStyle: {
    background: 'linear-gradient(180deg, #682CA1 0%, #A649D8 100%)',
    padding: '0.4rem 0.2rem',
    borderRadius: 0
  },
  rule: {
    position: 'bottom',
    style: {}
  }
}

// 猜盲盒2
const blindBoxListGuess2 = [
  {
    img: gift1Guess2
  },
  {
    img: gift2Guess2
  },
  {
    img: gift3Guess2
  },
  {
    img: gift4Guess2
  },
  {
    img: gift5Guess2
  }
]
const introductionConfigGuess2 = Object.assign({}, introductionConfigGuess, {
  introTitleStyle: {
    backgroundImage: `url(${introTitleBg})`,
    backgroundSize: '100% 100%',
    width: '1.3rem',
    height: '0.27rem',
    left: '50%',
    transform: 'translate(-50%, 0.16rem)'
  },
  titleText: '',
  introContentStyle: {
    background: '#450393',
    color: '#fff'
  },
  introBoxStyle: {
    background: 'linear-gradient(180deg, #682CA1 0%, #A649D8 100%)',
    padding: '0.4rem 0.2rem',
    borderRadius: 0
  }
})

/* 扭蛋机 */
const recordsConfigGashapon = recordsConfigPurple
const winConfigGashapon = Object.assign({}, winConfigPurple, { winTitle: winTitleGashapon })
const introductionConfigGashaponMini = introductionConfigMiniPurple
const ballListGashapon = [
  {
    img: ballGashapon1,
    shrink: 2
  },
  {
    img: ballGashapon2,
    shrink: 1.5
  },
  {
    img: ballGashapon3,
    shrink: 2
  },
  {
    img: ballGashapon3,
    shrink: 1.5
  },
  {
    img: ballGashapon4,
    shrink: 2
  },
  {
    img: ballGashapon4,
    shrink: 1.5
  },
  {
    img: ballGashapon5,
    shrink: 1
  },
  {
    img: ballGashapon5,
    shrink: 1
  },
  {
    img: ballGashapon5,
    shrink: 1
  }
]

// 扭蛋机1
const introductionConfigGashapon = {
  // 标题
  introTitleStyle: {
    backgroundImage: 'none',
    fontSize: '0.22rem',
    fontWeight: '700',
    textAlign: 'center',
    width: '22%',
    height: 'auto',
    padding: '0.05rem 0',
    left: '50%',
    color: '#fff',
    transform: 'translate(-50%, 50%)',
    backgroundColor: '#ffffff63',
    borderRadius: '0.03rem'
  },
  titleText: '活动介绍',
  // 外框
  introWrapStyle: {
    backgroundColor: '#7826A9',
    padding: '0.03rem'
  },
  // 内容
  introContentStyle: {
    background: '#7826A9',
    color: '#fff'
  },
  // 外框颜色
  introBoxStyle: {
    backgroundColor: '#7826A9',
    padding: '0.10667rem 0.2rem 0.4rem 0.2rem',
    borderRadius: 0
  },
  rule: {
    position: 'bottom',
    style: {}
  }
}

// 扭蛋机2
const introductionConfigGashapon2 = {
  // 标题
  introTitleStyle: {
    backgroundImage: `url(${introTitleGashapon2})`,
    width: '95%',
    padding: '0.05rem 0',
    color: '#fff',
    fontSize: '0.25rem',
    textAlign: 'center',
    lineHeight: '2',
    top: '-7%',
    left: '50%',
    transform: 'translate(-50%, 50%)'
  },
  titleText: '活动介绍',
  // 内框
  introWrapStyle: {
    backgroundImage: `url(${introWrapBgGashapon2})`,
    backgroundSize: '100% 100%',
    padding: '0.2rem 0.24rem 0.34rem',
    backgroundColor: 'transparent'
  },
  // 内容
  introContentStyle: {
    background: '#FFF9E9',
    borderRadius: '0.03rem',
    color: '#000'
  },
  // 外框
  introBoxStyle: {
    backgroundColor: '#FFBD33',
    padding: '1rem 0.15rem 0.1rem',
    borderRadius: 0
  },
  rule: {
    position: 'bottom',
    style: {}
  }
}
const recordsConfigGashapon2 = recordsConfigBlue
const winConfigGashapon2 = Object.assign({}, winConfigBlue, { winTitle: winTitleGashapon })
const introductionConfigGashaponMini2 = introductionConfigMiniYellow

// 刮刮乐
const introductionConfigScratch = {
  // 介绍组件样式
  introTitleStyle: {
    backgroundImage: `url(${IntroTitleScratch})`,
    width: '38%',
    left: '50%',
    transform: 'translateX(-50%)'
  },
  // 介绍组件外框样式
  introWrapStyle: {
    backgroundColor: '#0000001a',
    borderRadius: '0.3rem'
  },
  // 介绍组件内容样式
  introContentStyle: {
    backgroundColor: 'transparent',
    color: '#000'
  },
  introBoxStyle: {
    padding: '0.5rem 0.2rem'
  },
  rule: {
    position: 'bottom',
    style: {}
  }
}
const recordsConfigScratch = Object.assign({}, recordsConfigBlue, { textColor: '#093C85' })
const introductionConfigScratchMini2 = introductionConfigMiniBlue

export {
  // 猜盲盒
  blindBoxListGuess,
  recordsConfigGuess,
  winConfigGuess,
  introductionConfigGuess,
  introductionConfigGuessMini,
  // 猜盲盒2
  blindBoxListGuess2,
  introductionConfigGuess2,
  // 扭蛋机
  ballListGashapon,
  introductionConfigGashapon,
  recordsConfigGashapon,
  winConfigGashapon,
  introductionConfigGashaponMini,
  // 扭蛋机2
  introductionConfigGashapon2,
  recordsConfigGashapon2,
  winConfigGashapon2,
  introductionConfigGashaponMini2,
  // 刮刮乐
  introductionConfigScratch,
  recordsConfigScratch,
  introductionConfigScratchMini2,
  // countDown
  countDownBarBlue,
  countDownBarPurple,
  countDownBarWhite,
  countDownBarNone,
  countDownBarDeepPurple,
  starConfig
}
