移动端左右滑动

       

.slide-item.active{
    color:#63bfde;
}
.slide-box{
    display: -webkit-box;
    overflow-x: auto;
    -webkit-overflow-scrolling:touch; /*ios*/
}
.slide-item{
    width: 50%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
}

.slide-box::-webkit-scrollbar{
    display: none;  /*隐鲹滚动条*/
}

     

 

<ul class="slide-box">
                    <li class="slide-item active">按评价</li>
                    <li class="slide-item">评价</li>
                    <li class="slide-item">按销量</li>
                </ul>