40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<template>
|
||
<!-- 页脚 -->
|
||
<footer class="bg-gray-900 text-gray-300 py-6">
|
||
<div class="max-w-6xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
|
||
<!-- 左侧版权信息 -->
|
||
<div class="text-center md:text-left">
|
||
<p>© 2025 永平中学校友会. 保留所有权利.</p>
|
||
</div>
|
||
|
||
<div class="">
|
||
<p class="mt-1">
|
||
Powered by:
|
||
<a href="https://tootaio.com" target="_blank" class="font-semibold hover:underline" style="color: #e24545;">
|
||
Tootaio Studio
|
||
</a>
|
||
<span class="mt-1 text-sm text-gray-400">18 级毕业学长（麦祖奕）</span>
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 右侧社交链接 -->
|
||
<div class="flex space-x-4 mt-3 md:mt-0">
|
||
<a href="#">
|
||
<Icon name="mdi-facebook" />
|
||
</a>
|
||
<a href="#">
|
||
<Icon name="mdi-instagram" />
|
||
</a>
|
||
<a href="#">
|
||
<Icon name="mdi-gmail" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
</script>
|
||
|
||
<style></style>
|