DSP 侠客行 (广告平台)
编码规范:
参考:项目开发规范
开发流程规范
参考:开发流程规范
适配
需适配PC端和笔记本
安装依赖
启动程序
项目文件说明
名称 | 说明 |
build | 构建配置文件夹 |
docs | 组件文档文件夹(旧,已经弃用) |
generate | 可视化生成代码文件夹 |
src/assets | 静态文件,主要包含字体,主题,公共组件样式等 |
src/components | 公共组件文件夹 |
src/config | 公共配置(但是目前只放置了一些媒体ID) |
src/directives | 公共指令 |
src/enum | 枚举文件夹 |
src/request | 公共的请求方法 |
src/router | 公共的路由 |
src/store | 公共的vuex store 存贮 |
src/tools | 公共的工具函数文件夹 |
src/views | 项目页面文件夹 |
styleguide | 组件文档文件夹(新) |
test | 测试文件夹 |
适配要求
适配PC(19201080【实际chrome 高度911】)端和笔记本(1366768【实际chrome 高度599】)
CheckList
目的是为了保证项目良好的体验和整体风格一致
基础
名称 | 类型 | 校验内容 |
按钮 | 按钮 | 默认使用圆角按钮。 |
保存或其他操作 | 按钮 | 做适当节流,防止多次触发同一个请求的问题。 |
表单
名称 | 类型 | 校验内容 |
输入框 | 数字 | 只能输入数字。 |
输入框 | 金额 | 只能输入数字,没有特殊要求默认两位小数。 |
表格
名称 | 类型 | 校验内容 |
页容量选择器 | 选择器 | 默认设置 30 50 100,NmgTable 和 NmgSearchTable 已经默认设置,el-table 需要单独设置。 |
数字 | 展示 | 右对齐 |
金额 | 展示 | 右对齐加千分位 |
首列、多选checkbox列 | 展示 | 默认固定在最左侧 |
操作列 | 展示 | 固定在最右侧 |
批量操作类型按钮 | 展示 | 默认如果没有选中项,禁用 |
常规列 | 展示 | 合理分配列宽度 |
弹窗
名称 | 类型 | 校验内容 |
取消按钮 | 按钮 | 放在最右侧。 |
打开弹窗时 | 事件 | 重置弹窗内的状态,比如表单输入项。 |
通知
名称 | 类型 | 校验内容 |
操作动作 | 事件 | 成功失败,需要通知用户成功或者失败 |
提醒
名称 | 类型 | 校验内容 |
删除、移除等操作 | 事件 | 需要添加二次确认框 |
自测部分
为了防止,数据的提交和展示错误,给用户造成误导或错误判断等问题,要求对改动或新增内容做接口连线,确保传参和回显正确无误。