uni中scroll-view简单的滑动

            <scroll-view class="scroll-view_H" scroll-x="true" scroll-left="0">
                <view class="u-margin-20 listTop">
                    <text class="u-margin-right-20 act">全部</text>
                    <text class="u-margin-right-20">职业病</text>
                    <text class="u-margin-right-20">非法定职业病</text>
                    <text class="u-margin-right-20">颈椎病</text>
                    <text class="u-margin-right-20">颈椎病</text>
                    <text class="u-margin-right-20">颈椎病</text>
                    <text class="u-margin-right-20">颈椎病</text>
                    <text class="u-margin-right-20">颈椎病</text>
                </view>
            </scroll-view>

 

<style lang="scss">

.scroll-view_H {
        white-space: nowrap;
        width: 100%;
    }

 .listTop {
        text {
            padding: 10rpx 20rpx;
            background:#efefef;
            color: #333;
            display: inline-block;
        }
        .act {
            background: #d4a464
            color: red;
        }
    }

</style>