<template>
  <div id="container" :style="`background-image: url(${require('@/assets/images/stars-bg.png')})`">
    <ThemeTitle class="theme">广东省渔业专题</ThemeTitle>
    <div @click="click">test</div>
  </div>
</template>

<script>
import ThemeTitle from './components/title'
export default {
  name: 'GDHome',
  components: {
    ThemeTitle,
  },
  methods: {
    click() {
      this.$router.push({name: 'fish'})
    }
  }
}
</script>

<style lang="stylus" scoped>
#container
  $gd-layout()
  grid-template-areas \
    '. theme .'\
    '. . .'\
    '. . .'\
    '. . .'
  grid-template-rows 4rem 1fr 1fr 1fr
  grid-template-columns 1fr 2fr 1fr
  .theme
    grid-area theme
    width 80%
</style>
