这个项目是一个基于Vue框架开发的ETC相关应用,主要功能围绕车辆管理、用户服务等场景展开,具备以下特点:
1. **核心功能模块**
- 用户管理:包含注册(register.vue)、登录(log.vue)功能,支持用户信息验证与存储
- 车辆管理:提供添加车辆(add.vue)功能,可录入车牌信息、车辆类型等详情
- 服务场景:包含首页(home.vue)、发现(find.vue)、服务(service.vue)、我的(my.vue)等核心页面,形成完整服务闭环
- 钱包功能:通过db.js中的逻辑实现余额管理、优惠券系统及充值相关功能
2. **技术架构**
- 前端:采用Vue 3框架,结合Vue Router实现路由管理
- 样式:使用CSS实现响应式设计,适配移动端和桌面端
- 数据存储:使用better-sqlite3作为本地数据库,存储用户信息、车辆信息等数据
- API交互:通过fetch和axios实现前后端数据通信
3. **界面设计**
- 采用固定底部导航栏(bottom样式)实现各页面快速切换
- 运用响应式布局,通过媒体查询适配不同屏幕尺寸
- 统一的视觉风格,主色调采用绿色(#4CAF50),体现出行服务的清新与可靠
4. **特色功能**
- 车牌信息管理:支持新能源车辆标识及多种车型分类
- 钱包系统:包含余额管理、优惠券领取及充值记录功能
- 服务发现:通过发现页面(find.vue)提供周边服务搜索能力
该应用整体聚焦于ETC相关的出行服务场景,提供从用户注册到车辆管理、服务使用的全流程功能支持。