# linghang-app **Repository Path**: caacop/linghang-app ## Basic Information - **Project Name**: linghang-app - **Description**: 中空领航app - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-07-02 - **Last Updated**: 2025-08-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 领航 App #### 介绍 领航App是一款基于uni-app框架开发的多平台应用,主要功能包括景区导览、在线培训和个人中心等模块。应用采用Vue 3开发,支持微信小程序和移动应用(Android/iOS)等多端部署。 #### 软件架构 - 前端框架:uni-app + Vue 3 - UI组件:使用内置组件及自定义组件 - 图标:使用阿里巴巴图标库 - 支持平台: - 微信小程序 - Android应用 - iOS应用 - H5网页端 #### 目录结构 ``` ├── components/ # 自定义组件 ├── pages/ # 页面文件 │ ├── index/ # 首页 │ ├── scenic/ # 景区模块 │ ├── training/ # 培训模块 │ └── mine/ # 个人中心 ├── static/ # 静态资源 ├── unpackage/ # 打包文件 ├── App.vue # 应用入口组件 ├── main.js # 应用入口文件 ├── manifest.json # 应用配置文件 ├── pages.json # 页面路由配置 └── uni.scss # 全局样式变量 ``` #### 安装教程 1. 安装开发环境 ```bash # 安装Vue CLI npm install -g @vue/cli # 安装uni-app vue-cli插件 npm install -g @vue/cli-plugin-uni ``` 2. 克隆项目并安装依赖 ```bash git clone https://gitee.com/caacop/linghang-app.git cd linghang-app npm install ``` 3. 运行开发服务 ```bash # 运行到H5 npm run dev:h5 # 运行到微信小程序 npm run dev:mp-weixin ``` #### 使用说明 1. 应用主要包含四个主要功能模块: - 首页:应用主入口 - 景区:提供景区信息和导览功能 - 培训:在线学习培训内容 - 我的:个人中心和设置 2. 开发注意事项 - 请遵循Vue 3的组件开发规范 - 静态资源请放在static文件夹中 - 组件开发请放在components文件夹中 3. 构建与发布 ```bash # 构建H5版本 npm run build:h5 # 构建微信小程序版本 npm run build:mp-weixin ``` #### 技术支持 - uni-app官方文档:[https://uniapp.dcloud.net.cn/](https://uniapp.dcloud.net.cn/) - Vue 3官方文档:[https://v3.cn.vuejs.org/](https://v3.cn.vuejs.org/) - 微信小程序开发文档:[https://developers.weixin.qq.com/miniprogram/dev/framework/](https://developers.weixin.qq.com/miniprogram/dev/framework/)