# admin管理端 框架采用vue3+ts+naiveUi+vite6 技术栈 ## 目录结构 ``` | - `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`嵌套写法,以免污染其他样式