41 lines
1.1 KiB
Plaintext
41 lines
1.1 KiB
Plaintext
##### 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结束 ######
|
||
|
||
##### 自定义组件事件名称 ######
|
||
@close 关闭
|
||
@show 打开
|
||
@update 更新
|
||
@confirm 提交
|
||
@filterReset 表头过滤器重置
|
||
@filterConfirm 表头过滤器确认
|
||
@settingConfirm 表格列设置确认
|
||
##### 自定义组件事件名称 ######
|
||
|
||
####插槽说明####
|
||
#key：表格列插槽
|
||
#form-key：tableForm插槽
|
||
#search-key：tableSearch插槽
|
||
####插槽说明####
|
||
|
||
####attrs说明####
|
||
:formAttrs：tableForm绑定属性
|
||
:searchAttrs：tableSearch绑定属性
|
||
####attrs说明#### |