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> |