web

管理端

框架采用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嵌套写法，以免污染其他样式