活动条美化， 隐藏标签文字显示指定行数

滚动条美化

// 滑动块样式
    &::-webkit-scrollbar-thumb{
        background-color: #eaecf1;
        border-radius: 3px;
    }
    &::-webkit-scrollbar{
        width: 8px;
    }

美化后

美化前

隐藏多余文字，显示指定行数

<div class="goods-title">	
G2000男装 2021春季新款青年潮流休闲口袋时尚撞色拼接简约圆领短袖t恤男1</div>

.goods-title {
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;   // 要显示的行数
  }