feat: init
This commit is contained in:
10
src/layout/Footer/config.ts
Normal file
10
src/layout/Footer/config.ts
Normal file
@@ -0,0 +1,10 @@
|
||||
export const footerList = {
|
||||
data: [
|
||||
{
|
||||
id: 0,
|
||||
name: 'Github',
|
||||
url: 'https://github.com/LOG1997',
|
||||
icon: 'github',
|
||||
},
|
||||
],
|
||||
};
|
||||
25
src/layout/Footer/index.vue
Normal file
25
src/layout/Footer/index.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<script setup lang="ts">
|
||||
import { footerList } from './config';
|
||||
const skip = (url: string) => {
|
||||
window.open(url);
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<div class="footer-container">
|
||||
<ul class="flex justify-center">
|
||||
<li
|
||||
v-for="item in footerList.data"
|
||||
:key="item.id"
|
||||
@click="skip(item.url)"
|
||||
class="flex items-center gap-1 cursor-pointer"
|
||||
>
|
||||
<svg-icon :name="item.icon"></svg-icon>
|
||||
<p>{{ item.name }}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user