|
12345678910111213141516171819202122232425262728293031323334353637383940 |
- <template>
- <div class="map-selector">
- <h1 class="map-selector__title">Battleground Selector</h1>
- <ul class="map-selector__map-list">
- <template v-for="(battleground, battlegroundId) in maps">
- <router-link :to="`/battleground/${battlegroundId}`">
- <li class="map-selector__map-list-item"><a>{{ battleground.name }}</a></li>
- </router-link>
- </template>
- </ul>
- </div>
- </template>
-
- <script type="text/javascript">
- import MAPS from '../gameInfos/battlegrounds'
-
- export default {
- name: 'BattlegroundSelector',
- data () {
- return {
- maps: MAPS
- }
- }
- }
- </script>
-
- <style lang="sass" scoped>
- .map-selector
- &__map-list
- list-style-type: none
- padding-left: 0
- &-item
- font-size: 1.4rem
- padding: 10px 0 10px 10px
- border-top: solid #5659aa 1px
- border-left: none
- a
- text-decoration: none
- color: inherit
- </style>
|