猿问

LESS带参数混合无法编译,在线求助

.pic-show(@h:370px; @w:760px){
  height: @h;
  width: @w;
  position: relative;
  overflow: hidden;
  //图片文字
  .bd {
    position: relative;
    height: 100%;
    overflow: hidden;
    ul{
      overflow: hidden;
      li {
        zoom: 1;
        vertical-align: middle;
        position: relative;
        a.pic-cent{
          display: block;
          width: @w;
          height: @h;
          background:url("../images/op-bg.png") no-repeat;
          position: absolute;
          top: 0;
          left:0;
          &:hover{
            background:url("../images/op-hover-bg.png") no-repeat;
          }
        }
        a.pic-title{
          position: absolute;
          bottom: 12px;
          left: 16px;
          font-size: 16px;
          color: #FFFFFF;
          z-index: 99;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: @w*60%;
          text-decoration: none;
          cursor: pointer;
        }
        img{
          width: @w;
          height: @h;
        }
      }
    }
  }
  //轮播点
  .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 14px;
    bottom:12px;
    z-index: 1;
    ul {
      overflow: hidden;
      zoom: 1;
      float: left;
      li {
        float: left;
        margin-right: 6px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #fff;
        cursor: pointer;
        &.on {
          background: #f00;
          color: #fff;
        }
      }
    }
  }
}


Celia桃子迷
浏览 1498回答 2
2回答

Celia桃子迷

哎。。每次在这里问的问题都木有人回答。我自己找到原因了。

Celia桃子迷

工具是webStorm自动编译。其他Less都可以正常编译 ,就这个less文件无法编译成CSS,也不报错去掉传参就可以编译。求助。~
随时随地看视频慕课网APP
我要回答