更新记录

1.0.1（2025-08-24） 下载此版本

优化展示

1.0.0（2025-08-02） 下载此版本

• 初始版本
• 支持按分类展示网址
• 支持拼音、简拼搜索、多关键字等搜索
• 支持多个主题风格切换

平台兼容性

uni-app(4.72)

uni-app x(4.72)

[aka-nav] 支持拼音搜索的网址导航组件

让导航栏变身「超级入口」！ Vue + uni-app 强力驱动，响应式设计通吃各端！ 不仅仅是展示链接：

• 搜索超智能 - 拼音/模糊输入，秒达目标
• 数据自由迁移 - 导入导出，管理So Easy
• 布局超美观 - 网格排列，视觉清爽专业
• 主题随心换 - 告别单调，风格由你掌控

打造吸睛又实用的APP导航首页、应用中心，选它就对了！

项目简介

aka-nav 网址导航组件是一个基于 Vue 和 uni-app 开发的响应式导航组件，提供美观的网格布局展示网站/应用导航项。组件支持多主题切换、拼音/模糊搜索、数据导入导出等功能，适用于各种网站导航、应用入口等场景。

功能特性

• 多主题支持：提供暗黑、金色、粉色、明亮四种主题
• 智能搜索：支持拼音/模糊搜索，空格分隔多关键字
• 多种布局：支持每行1-6个项目的灵活网格布局
• 数据管理：支持JSON数据导入/导出功能
• 响应式设计：完美适配从手机到桌面的各种屏幕尺寸
• 分类管理：支持多级分类导航
• 数据库集成：使用SQLite存储导航数据

页面及功能

主界面

• 头部搜索区：提供智能搜索框，支持拼音/模糊搜索
• 导航主体：按分类展示导航项目，支持多种布局模式：
  • 一行4个（带图标和描述）
  • 一行5个（紧凑图标）
  • 一行3个（左侧描述）
  • 一行4个标签
  • 一行2个（带描述和图标）
  • 一行1个（卡片式）
• 页脚功能：
  • 资源统计（分类数和项目数）
  • 快捷操作（导入、导出、刷新）
  • 主题切换（暗黑、金色、粉色、明亮）

数据管理对话框

• 导入功能：支持JSON数据粘贴和导入
• 导出功能：生成并复制导航数据JSON
• 数据验证：自动验证JSON格式有效性

安装与运行

1. 环境要求：

   • 安装 HBuilderX 或使用命令行工具。

2. 项目搭建：

   • 使用 HBuilderX 导入项目。

3. 运行项目：

   • 在 HBuilderX 中选择运行到浏览器或手机模拟器。

4. 引用插件

   
   <template>
   <view>
   <aka-nav :theme="theme"></aka-nav>
   </view>
   </template>