新项目的统筹

接口：

1.通用接口（省市县、字典项）

2.按模块-功能分好

3.统一接口名（listApi，addApi，editApi，detailApi，delApi，listNoPageApi,downloadApi...）

 

样式：

1.主题色（主题色、主题辅色、主题辅色2、主灰、辅灰、一般字体、一般字体辅、加深字体、背景底色）

2.边距

3.公用样式（整体布局、标题，公用主题颜色）（tips：公用样式尽量不使用嵌套）

4.ui库样式修改

5.是否响应式、要兼容到什么分辨率、要兼容什么浏览器

 

组件：

1.表格（搜索、分页、删除、新增编辑弹窗）

2.表单（下拉、联级下拉、带搜索下拉、时间控件、单选、上传图片、地图展示、）

3.穿梭框

4.导入

5.导出

6.下载

7.返回上一级按钮

 

结构：

1.views里按模块新建文件夹

2.文件夹里包括：新增、编辑、index、详情、组件

 

注释：

1.要求vscode安装koroFileHeader插件，每一页都要有修改者名字、本页路径-功能（可适当描述，如未开发完、未联调接口）

2.样式要做好嵌套，并标注好功能，不要这一个那一个

 

命名：

1.样式书写顺序：

   布局位置：position / top / right / bottom / left / z-index / display / float / …

   盒模型：width / height / padding / margin / border / overflow / …

   文字排版：font / line-height / text-align / word-wrap / …

   视觉颜色：color / background / list-style / transform / animation / transition / …

2.js逻辑命名：xxxFn，例：searchFn();

3.接口命名：xxxApi，例：addApi

4.图片命名： 平台_业务_功能 ，例：pc_dutyManage_search

5.文件夹命名：模块英文驼峰形式，例：dutyManage

6.路由命名：模块+功能驼峰形式，例：dutyManageAdd

 

 与产品确认的细节：

1.是否必填

2.字符长度

3.为空是否用“ - ” 展示

4.超长字符是否换行，还是用“ ...”展示

5.没明确说明的字段含义

6.列表按什么顺序排序

7.按钮点击后的效果（交互）

8.提示文字确认