關於Vue元件庫Css樣式的總結

2021-09-29 14:21:31 字數 418 閱讀 1098

1.在@mixin內部定義變數,使用@content佔位符來佔據後續內容位置。

2.使用@include來巢狀使用,形成bem命名策略的css樣式

3.$block是指input元件, $element是指input裡面的元素,例如input框, $modifier是指元素的不同狀態。

4.@mixin b(){} ==> .zou-input

5.@mixin e(){} ==> .zou-input__icon .zou-input__inner

6.@mixin m(){} ==> .zou-input__icon–clear/showpwd

7.@mixin m() {} 和 when有什麼不一樣 暫時理解來說:m是判斷最外層class的,@include m(prefix) @include when($state)}

關於css樣式的看法

1 通常有兩種方式,第一種是直接寫在頁面標籤中,通過屬性style,另一種是通過標籤選擇器賦樣式 第一種方式,就是每乙個標籤都需要寫一遍樣式,同時沒有做到樣式和內容的分離,不方便以後的樣式替換,主題的修改,但有一點好處,就是 避免了樣式的樣式的互相干擾,顯示的特別穩定 第二種方式,正好是第一種的相反...

關於css樣式的看法

1 通常有兩種方式,第一種是直接寫在頁面標籤中,通過屬性style,另一種是通過標籤選擇器賦樣式 第一種方式,就是每乙個標籤都需要寫一遍樣式,同時沒有做到樣式和內容的分離,不方便以後的樣式替換,主題的修改,但有一點好處,就是 避免了樣式的樣式的互相干擾,顯示的特別穩定 第二種方式,正好是第一種的相反...

css元素居中以及修改元件庫的樣式

1.在專案中遇到使用css讓塊元素 在父元素中上下左右居中顯示text align center position absolute 元素居中顯示css left 50 top 50 webkit transform translate 50 50 transform translate 50 50...