2025-10-30 19:30:06 +08:00
|
|
|
|
##### html开始 ######
|
|
|
|
|
|
1.class类目格式：连接线格式，例：class-name
|
|
|
|
|
|
2.双引号
|
|
|
|
|
|
3.严格缩进，当行不超过100字符
|
|
|
|
|
|
4.html上尽量不要直接写样式
|
|
|
|
|
|
5.渲染加空格，例：{{ userName }}建议，{{userName}}不建议
|
|
|
|
|
|
6.标签属性顺序<div v-指令 key id class ...data disabled event>
|
|
|
|
|
|
##### html结束 ######
|
|
|
|
|
|
|
|
|
|
|
|
##### css开始 ######
|
|
|
|
|
|
1.使用scss
|
|
|
|
|
|
2.颜色都用element变量，例：color: var(--el-color-primary);
|
|
|
|
|
|
##### css结束 ######
|
|
|
|
|
|
|
|
|
|
|
|
##### js开始 ######
|
|
|
|
|
|
1.eslint保存自动更新，跟右键格式化代码以及Prettier可能存在冲突
|
|
|
|
|
|
2.常量：USER_NAME
|
|
|
|
|
|
3.变量：userName
|
|
|
|
|
|
4.方法：todoFun = () => {};
|
|
|
|
|
|
##### js结束 ######
|
2025-11-11 20:29:34 +08:00
|
|
|
|
|
|
|
|
|
|
##### 自定义组件事件名称 ######
|
|
|
|
|
|
@close 关闭
|
|
|
|
|
|
@show 打开
|
|
|
|
|
|
@update 更新
|
|
|
|
|
|
@confirm 提交
|
2026-02-03 11:25:35 +08:00
|
|
|
|
@finished 完成
|
2025-11-21 17:59:25 +08:00
|
|
|
|
@filterReset 表头过滤器重置
|
|
|
|
|
|
@filterConfirm 表头过滤器确认
|
|
|
|
|
|
@settingConfirm 表格列设置确认
|
2025-12-04 14:32:01 +08:00
|
|
|
|
##### 自定义组件事件名称 ######
|
|
|
|
|
|
|
|
|
|
|
|
####插槽说明####
|
|
|
|
|
|
#key：表格列插槽
|
|
|
|
|
|
#form-key：tableForm插槽
|
|
|
|
|
|
#search-key：tableSearch插槽
|
|
|
|
|
|
####插槽说明####
|
|
|
|
|
|
|
|
|
|
|
|
####attrs说明####
|
|
|
|
|
|
:formAttrs：tableForm绑定属性
|
|
|
|
|
|
:searchAttrs：tableSearch绑定属性
|
2025-12-23 14:54:15 +08:00
|
|
|
|
####attrs说明####
|
|
|
|
|
|
|
|
|
|
|
|
####table图标规范####
|
|
|
|
|
|
日期 Calendar
|
|
|
|
|
|
人员 User
|
|
|
|
|
|
文件 Document
|
|
|
|
|
|
文件夹 Folder
|
|
|
|
|
|
项目 MessageBox
|
|
|
|
|
|
节点 Share
|
|
|
|
|
|
任务 Document
|
2026-01-13 20:55:18 +08:00
|
|
|
|
文件后缀 fileIcon
|
2025-12-23 14:54:15 +08:00
|
|
|
|
####table图标规范####
|
