|
@@ -56,8 +56,7 @@ import { onMounted, ref, computed} from 'vue'
|
|
|
<template></template>
|
|
<template></template>
|
|
|
<style></style>
|
|
<style></style>
|
|
|
```
|
|
```
|
|
|
-## typescript 脚本
|
|
|
|
|
-```
|
|
|
|
|
|
|
+### TS
|
|
|
* 不允许的操作
|
|
* 不允许的操作
|
|
|
* `any` 类型
|
|
* `any` 类型
|
|
|
* `JSON.parse` 等危险操作时不嵌套异常处理
|
|
* `JSON.parse` 等危险操作时不嵌套异常处理
|
|
@@ -81,29 +80,14 @@ import { onMounted, ref, computed} from 'vue'
|
|
|
* 全局常量，下划线连接大写字母，如 `GROUP_TYPES`
|
|
* 全局常量，下划线连接大写字母，如 `GROUP_TYPES`
|
|
|
* 类型及注释
|
|
* 类型及注释
|
|
|
* 注释写法分以下几类
|
|
* 注释写法分以下几类
|
|
|
- ```ts
|
|
|
|
|
/** 这种用于简单描述函数作用 或 类成员变量用处 */
|
|
/** 这种用于简单描述函数作用 或 类成员变量用处 */
|
|
|
// 这种用于描述函数内变量或代码段作用
|
|
// 这种用于描述函数内变量或代码段作用
|
|
|
/**
|
|
/**
|
|
|
* 这种用于描述类、复杂函数用途及参数等
|
|
* 这种用于描述类、复杂函数用途及参数等
|
|
|
*/
|
|
*/
|
|
|
- ```
|
|
|
|
|
-```
|
|
|
|
|
-### scss 样式
|
|
|
|
|
-```
|
|
|
|
|
|
|
+
|
|
|
|
|
+### CSS
|
|
|
* 不允许使用无封装或不唯一的全局类样式，必须使用时需备注说明并慎重选择类名
|
|
* 不允许使用无封装或不唯一的全局类样式，必须使用时需备注说明并慎重选择类名
|
|
|
* 颜色赋值使用 `var(--color-a)` 写法，无特殊说明不允许直接赋值
|
|
* 颜色赋值使用 `var(--color-a)` 写法，无特殊说明不允许直接赋值
|
|
|
* `class, id` 命名必须使用短线连接单词方式，如 `form-label`, `list-item-title` 等
|
|
* `class, id` 命名必须使用短线连接单词方式，如 `form-label`, `list-item-title` 等
|
|
|
* 多层级类名嵌套时，必须使用`scss`嵌套写法，以免污染其他样式，如
|
|
* 多层级类名嵌套时，必须使用`scss`嵌套写法，以免污染其他样式，如
|
|
|
-```scss
|
|
|
|
|
-.user-info {
|
|
|
|
|
- .pamel {
|
|
|
|
|
- .heaer {
|
|
|
|
|
- .title {
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-```
|
|
|
|
|
-```
|
|
|
