<template>
  <div class="page-discover">
    <div class="dis-box box-game">
      <h2 class="box-hd">热门游戏</h2>
      <div class="box-bd">
        <hot-game :hotGame="hotGameList"></hot-game>
      </div>
    </div>
    <div class="dis-box box-group">
      <h2 class="box-hd">热门群组推荐</h2>
      <div class="box-bd">
        <hot-group></hot-group>
      </div>
    </div>
  </div>
</template>

<script>
import hotGame from '@/components/hotGame/hotGame'
import hotGroup from '@/components/hotGroup/hotGroup'

export default {
  name: 'searchH5',
  components: {
    hotGame,
    hotGroup
  },
  data () {
    return {
      hotGameList: []
    }
  },
  computed: {},
  methods: {
  },
  created () {
    this.$store.dispatch('getDiscovery')
  }
}
</script>

<style lang="scss" scoped>
.dis-box {
  background: #fff;
  overflow: hidden;
  margin-bottom: px2rem(21);
  border-bottom: 1px solid #d8d8d8;
  &.box-game{
    .box-bd{
      padding-top: px2rem(24);
    }
  }
}
.box-hd {
  color: #333;
  font-size: px2rem(33);
  text-align: center;
  line-height: px2rem(87);
  border-bottom: 1px solid #eeeeee;
}
</style>
