laobinghu
ce208df092
核心功能: - 项目初始化 (Nuxt 4 + Nuxt UI + Pinia + ofetch) - TypeScript 类型定义 (User, Article, Comment, API 响应) - 认证系统 (登录/登出、Cookie 支持、权限中间件) - 文章列表页 (筛选、分页、响应式布局) - 文章详情页 (Markdown 渲染、评论系统) - 文章编辑器 (左右分栏、实时预览、Markdown 工具栏) 管理后台: - 侧边栏布局、权限检查 - 数据分析 (数据统计卡片、热门文章、评论审核统计) - 文章管理 (表格、筛选、删除) - 评论管理 (审核通过/拒绝、删除) - 用户管理 (角色管理、删除) 全局组件: - 导航栏 (暗色模式切换、移动端菜单) - 页脚 - 403/404 错误页 配置文件: - .env.example 环境变量模板 - nuxt.config.ts 完整配置 - 自定义 CSS 样式
53 lines
1.5 KiB
Vue
53 lines
1.5 KiB
Vue
<template>
|
|
<footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-auto">
|
|
<div class="container mx-auto px-4 py-8">
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
<div>
|
|
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">
|
|
LinkShare Blog
|
|
</h3>
|
|
<p class="text-gray-600 dark:text-gray-400 text-sm">
|
|
分享技术与生活
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-4">
|
|
链接
|
|
</h4>
|
|
<ul class="space-y-2">
|
|
<li>
|
|
<UButton to="/" variant="link" class="p-0 h-auto text-gray-600 dark:text-gray-400">
|
|
首页
|
|
</UButton>
|
|
</li>
|
|
<li>
|
|
<UButton
|
|
v-if="isAuthenticated"
|
|
to="/create"
|
|
variant="link"
|
|
class="p-0 h-auto text-gray-600 dark:text-gray-400"
|
|
>
|
|
写文章
|
|
</UButton>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="text-sm font-semibold text-gray-900 dark:text-white mb-4">
|
|
关于
|
|
</h4>
|
|
<p class="text-gray-600 dark:text-gray-400 text-sm">
|
|
© {{ new Date().getFullYear() }} LinkShare Blog. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { isAuthenticated } = useAuth()
|
|
</script>
|