less预处理器的混入写法

58 阅读1分钟

1.定义混入方法时,需要在类选择器之后添加一个小括号

可以在全局定义一个mixins.less文件

.abc () {
    color:red;
}

.hoverShadow () {
    transition: all .5s;
    &:hover {
        transform: translate3d(0,-3px,0)
        box-shadou: 0 3px 8px rgba(0,0,0, .2);
    }
 }

2. 在组件中引入并使用

在style中使用import引入 @import '具体路径' (此处不能书写@符号作为根路径会不识别) @import '../assets/style/xxx.less';

.current () {
    background-color:#ccc;
    .hoverShadou()        
 }