# 管理端
框架采用vue3+ts+naiveUi+vite6 技术栈，适配方案 flex+百分比

## 目录结构
```
| - `src`
|   - `pages`                     入口目录
|      -  pagename                页面目录
|         - assets                页面静态目录
|         - component             页面组件目录
|         - index.vue             页面文件
|         - route.ts              页面路由
|   - `components`                全局组件目录
|   - `services`                  全局服务目录
|   - `assets`                    全局静态目录
|   - `store`                     全局存储目录
|   - `App.vue`                   模板文件
|   - `main.ts`                   入口文件
```
### CSS
* 不允许使用无封装或不唯一的全局类样式，必须使用时需备注说明并慎重选择类名
* 颜色赋值使用 `var(--color-a)` 写法，无特殊说明不允许直接赋值
* `class, id` 命名必须使用短线连接单词方式，如 `form-label`, `list-item-title` 等
* 多层级类名嵌套时，必须使用`scss`嵌套写法，以免污染其他样式