杭州淳安千岛湖区域的骑行活动相关的H5应用 。项目旨在为骑行爱好者提供便捷的服务和信息,提升骑行体验。
项目主要包含以下功能模块:
- 骑行救援 : 提供紧急救援服务信息,包括公安救援、消防救援、医疗救援等。用户可以查看附近的救援点信息,并包含一键SOS功能。
- 骑行旅游 : 提供骑行相关的旅游信息,如附近景点、美食、驿站的搜索和展示,并包含评分、距离等信息。
- 骑行推荐 : 推荐骑行线路,根据不同类型(如推荐、观光、探险)进行分类,并展示线路的长度、爬升、坡度、海拔等详细信息。
- 骑行服务: 提供骑行过程中的便民服务信息,如附近停车场、商店、厕所的搜索和展示。
- 积分详情 : 用于展示用户的骑行积分或活动积分情况。
前端框架: 项目基于 Vue.js 构建,使用了 Vue CLI 作为脚手架工具。
UI 组件库: 主要使用了 Vant UI 作为移动端组件库,用于快速构建界面。
路由管理: 使用 Vue Router 进行前端路由管理。
状态管理: 使用 Vuex 进行全局状态管理,并集成了 vuex-persistedstate 实现状态持久化
代码规范: 项目配置了 ESLint 和 Prettier (.eslintrc.js, .prettierrc),用于代码风格检查和格式化。
移动端适配: 项目引入了 lib-flexible 和 postcss-px2rem (或 postcss-pxtorem) 进行移动端 rem 适配方案。
API 请求: 使用 Axios 进行 HTTP 请求,包括了全局 loading 的处理。。