Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script setup>
- import {ref} from "vue";
- const itemsmenu = [{
- link: 'main',
- color: 'danger',
- icon: 'ri-arrow-up-circle-fill',
- },
- {
- link: 'about',
- color: 'info',
- icon: 'ri-arrow-up-circle-fill',
- },
- {
- link: 'contact',
- color: 'warning',
- icon: 'ri-arrow-up-circle-fill',
- },
- ]
- </script>
- <template>
- <ul>
- <li v-for="item in itemsmenu" :key="item.id">
- <a :class="`${item.color}`" :href="`${item.link}`"> {{ item.link }}</a> <i :class="`${item.icon}`"></i>
- </li>
- </ul>
- <p><i class="arrow-right-wide-line"></i>asdasd</p>
- <i class="arrow-right-wide-line"></i>
- </template>
- <style scoped>
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement