---
description: 项目通用规范，涵盖技术栈、目录结构、编码约定
alwaysApply: true
---

# 项目约定

## 技术栈

- **框架**: Vue 2 + Vue CLI 4
- **路由**: Vue Router 3 (history 模式)
- **状态管理**: Vuex 3
- **语言**: JavaScript (无 TypeScript)
- **UI 库**: Element UI + Vant 2
- **样式**: SCSS + scoped + PostCSS px2rem (rootValue: 37.5)
- **移动端适配**: lib-flexible + postcss-plugin-px2rem
- **HTTP**: Axios

## 目录结构

```
src/
├── api/          # API 请求模块
├── assets/       # 静态资源 (图片、样式)
├── plugins/      # 插件 (Element UI、flexible 等)
├── router/       # 路由配置
├── store/        # Vuex store
├── utils/        # 工具函数
├── views/        # 页面视图
│   └── land/     # 落地页
│       ├── index.vue        # 主入口，根据设备/模板切换组件
│       └── components/      # 落地页子组件 (mobile1, pc2 等)
```

## 编码规范

- 使用 ES6+ 语法，Options API 风格
- 组件通过 props 接收 `os`、`configs`、`switchData` 等父级数据
- 事件通过 `$emit` 向上传递 (`recordClick`、`getApkInfo`)
- 图片资源使用相对路径引用，放在 `assets/images/` 对应子目录下
- px 值会被 PostCSS 自动转为 rem，带 `pcm` 选择器前缀的除外
- 始终用中文回复