hulai-website/components/common/InternalLink.vue
Mimingguang ee078b61bc feat: 后台管理系统完整重构 + 前后台数据联通
- 后台全面引入 Naive UI 组件库,统一 UI 规范
- 前台 usePublicApi 切换到 API 调用(GET /api/content/[key])
- 前后台数据源统一(site_content 表)
- 产品线统一管理(tour/camp/course 三套编辑器)
- 产品数据归一化(itinerary/faq/pricing 格式统一)
- 表单提交 API 改写入 submissions 表
- 新增 submissions 标记已读 API
- site-content PUT 支持 upsert
- 修复前台 bug(stories 路由冲突、占位符警告、selector breadcrumb)
- 消除 PageHero 类型警告(useSEO reactive 修复)
- 25 个前台页面全部 HTTP 200,展示效果不变

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-24 17:48:02 +08:00

38 行
800 B
Vue

<template>
<NuxtLink :to="to" class="internal-link">
<span>{{ text }}</span>
<span v-if="arrow" class="internal-link-arrow" aria-hidden="true">&rarr;</span>
</NuxtLink>
</template>
<script setup>
defineProps({
to: { type: String, required: true },
text: { type: String, required: true },
arrow: { type: Boolean, default: true },
})
</script>
<style lang="less" scoped>
.internal-link {
display: inline-flex;
align-items: center;
gap: @space-sm;
font-size: @font-size-base;
color: @color-primary;
text-decoration: none;
font-weight: @font-weight-medium;
transition: gap @transition-fast;
&:hover {
gap: @space-md;
color: @color-primary-light;
}
}
.internal-link-arrow {
font-size: @font-size-lg;
transition: transform @transition-fast;
}
</style>