组件开发规范
2018-08-04 本文已影响0人
团子Secret
css命名规范
基本命名
- 类名中，不同单词间使用短横线连接，例如：
yi-nav - 在确保准确描述该类的情况下，尽可能的让类名简短
公用变量命名 $--cat-变量名-修饰符
公有变量： 颜色，文字大小，圆角...
变量名直接采用css的属性
$--cat-color-blue: #18A2EA
$--cat-font-size-base: 14px;
$--cat-font-size-small: $--cat-font-size-base * 10%
组件中类命名 .cat-组件名-修饰符
.cat-button-text {
}
.cat-button-header {
}
css书写规范
- 变量名与
{之间用一个空格隔开
.yi-nav {
}
-
:与属性值 之间用一个空格隔开
font-siize: 14px;
- color的属性值采用16进制的写法，字母大写（同蓝湖直接复制下来的格式）
color: #18A2EA
组件使用规范
- 绑定变量名放在前面
参数值类型依次为： Boolean，Object, Array, String, Function - 绑定方法放在后面
