All files / src/components TheFooter.vue

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37                                                                         
<template>
  <div class="the-footer">
    <p v-for="(item, index) in list" :key="index">
      {{item}}
    </p>
  </div>
</template>
 
<script>
export default {
  name: 'the-footer',
  data () {
    return {
      list: [
        `Copyright © 2024`
      ]
    }
  }
}
</script>
 
<style scoped>
.the-footer{
  width: 100%;
  background-color: white;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
 
.the-footer p {
  height: 10px;
}
</style>