组件开发规范

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
• 绑定方法放在后面