关于Vue组件库Css样式的总结

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){ .zou-input–prefix} @include when($state){ &.#{$state-prefix + $state}}