### 1. 命名规范 - 1.1 **文件夹**：统一以大写开头的驼峰形式。例如 PageOne - 1.2 **文件**：统一以大写开头的驼峰形式。例如 PageOne.vue - 1.3 **函数/方法**： - 1.3.1 框架内置方法（例如 Tool.js 内的方法）：统一以大写开头的驼峰形式 SearchEvent - 1.3.2 页面方法：统一以小写开头的驼峰形式 searchEvent - 1.4 **参数变量**：统一以小写开头带 "_" 连接 start_time ### 2. scss 规范 - 2.1 **class 命名规范**：使用小写带“-”连接 start-time - 2.2 **scoped**：组件和各个页面使用 scoped - 2.3 公共样式 ### 3. 图片使用规范 - 3.1 **静态图片**：对于项目使用的静态图片问题，建议`utils/Image.js`定义后使用，静态文件包括：图标、固定背景图等。这样方便后期替换或调整静态图片。 - 3.2 **动态图片**：对于在静态切图阶段，因为为对接后台数据有些图片只是占位的，不需要通过`utils/Image.js`定义图片，直接使用`static/images/scource`图片链接即可。`scource` 文件夹会在项目上线的时候删除，避免增加项目大小。 - 3.3 **图片处理**：一般情况图片处理由前端在`utils/Image.js`定义完成，通过调用全局方法`this.$s`输入图片变量完成。 ### 4. 组件封装规范 - **通用组件**：尽量避免一上来就封装项目的通用组件，一般通用组件是统一“顶部导航栏”、悬浮组件、底部“技术支持”显示等，就算是多个页面共同引用的组件也不建议放在“通用组件”中，因为要避免如果有业务调整时候修改组件导致其他引用页面出现bug。 - **页面组件**：将页面多个板块划分成多个组件，这样有有助于页面逻辑清晰和代码维护，例如个人中心页面可以划分多个组件用户信息、订单信息、菜单列表等组件。组件也可以承当各自的操作逻辑，例如订单数量显示及跳转、菜单跳转等。 - **模块组件**：一般很少在模块上封装组件，除非确实有整个模块共用的组件，例如模块内的“悬浮按钮”。