less和scss的混合(mixin)使用
在我们写样式时候,经常会有样式书写的都是一样的,只是有些值不一样而已,但我们却要重复的去写,感觉相当的麻烦。比如给一个按钮写样式,不同的size,尺寸不同,但样式都是一样的,重复写很麻烦,这样我们就可以使用混合的写法,会变得东西作为参数传入即可。less和scss在书写mixin有些许得不同。
1. less使用mixin
less使用mixin,跟正常写类名样式一样得,当然也可以处理成函数得样式,注意:如果是函数,参数得形参必须是以@开头。
1.1 基本用法
1.2 函数用法
2. scss使用mixin
scss中使用mixin,首先 @minin name {} 定义;然后 @include name引用。
2.1 基本用法
2.2 函数用法