css命名規(guī)范
基本命名
- 類名中差凹，不同單詞間使用短橫線連接，例如：
yi-nav - 在確保準(zhǔn)確描述該類的情況下撑刺，盡可能的讓類名簡短
公用變量命名 $--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書寫規(guī)范
- 變量名與
{之間用一個空格隔開
.yi-nav {
}
-
:與屬性值 之間用一個空格隔開
font-siize: 14px;
- color的屬性值采用16進制的寫法述呐，字母大寫（同藍(lán)湖直接復(fù)制下來的格式）
color: #18A2EA
組件使用規(guī)范
- 綁定變量名放在前面
參數(shù)值類型依次為： Boolean，Object, Array, String, Function - 綁定方法放在后面
