vue公共样式1 global.scss

/*

  作用： 清除浮动，

  用法： 给父元素，加入clear的类名

*/

.clear:after { content:''; display:block; clear:both; }

.clear { zoom:1; }

/*

  作用： 文本超出变省略号(只能用于一行)

  用法： 给当前元素，加入ellipsis的类名

*/

.ellipsis{

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}

/*

  作用： 文本超出变省略号(两行)

  用法： 给当前元素，加入ellipsis-2的类名

*/

.ellipsis-2{

  display: -webkit-box;

  overflow: hidden;

  white-space: normal!important;

  text-overflow: ellipsis;

  word-wrap: break-word;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.hide{

  display:none;

}

.block{

  display:block;

}

// 红底白字底部按钮

.common-btn{

  background-color:$main-color;

  color:#fff;

  width:100%;

  height:0.4rem;

  line-height:0.4rem;

  position:fixed;

  bottom:0;

  border:0;

  left:0;

  font-size:0.15rem;

  text-align:center;

  .iconfont{

    margin-right:0.1rem;

    font-size:0.18rem;

  }

}