滚动条样式设置

超出可以侧滑的效果和滚动条样式的设置

<div class="node-src" v-if="nodeSrc.length">
            <div class="ul-wrap">
                <ul :style=" nodeSrc.length | ulLength">
                    <li v-for="(item,index) in nodeSrc" :key="index">
                        <span class="src-name">{{item.parentProductNode.nodeName}}                  </span><span class="line iconfont icon-back-m"></span>
                    </li>
                </ul>
            </div>
        </div>

.node-src{
        width:750px;
        overflow: hidden;
        height: 100px;
        line-height: 100px;
        padding: 110px 30px 0 30px;
        .ul-wrap::-webkit-scrollbar {/*滚动条整体样式*/
            width: 0;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 0;
        }
        .ul-wrap{
            width: 750px;
            overflow-x: auto;
            >ul{
                height: 100px;
                line-height: 100px;
                overflow-x: auto;
                >li:last-child{
                    >span{
                        color: #999;
                        &.iconfont{
                            display: none;
                        }
                    }
                }
                >li{
                    float: left;
                    
                    >span{
                        display: inline-block;
                        font-size: 28px;
                        color: $gantanColor;
                    }
                    >.line{
                        padding-left:10px;
                        transform: rotateZ(180deg);
                    }
                }
            }
        }
    }