小程序 导航栏左右滑动

  <view class="scroll_box">
            <scroll-view scroll-x>
                <view class="select-item" bindtap="Selectshow" data-key="1">
                    <view>全部功能</view>
                    <view class="select-item-logo ">
                        <image src="https://vehicle-library.oss-cn-beijing.aliyuncs.com/cvbd-icon/drop_down_button_20220517.png" alt="" />
                    </view>
                </view>
                <view class="select-item" bindtap="Selectshow" data-key="2">
                    <view>零排放</view>
                    <view class="select-item-logo ">
                        <image src="https://vehicle-library.oss-cn-beijing.aliyuncs.com/cvbd-icon/drop_down_button_20220517.png" alt="" />
                    </view>
                </view>
                <view class="select-item" bindtap="Selectshow" data-key="3">
                    <view>燃料电池</view>
                    <view class="select-item-logo ">
                        <image src="https://vehicle-library.oss-cn-beijing.aliyuncs.com/cvbd-icon/drop_down_button_20220517.png" alt="" />
                    </view>
                </view>
                <view class="select-item" bindtap="Selectshow" data-key="4">
                    <view>比亚迪</view>
                    <view class="select-item-logo ">
                        <image src="https://vehicle-library.oss-cn-beijing.aliyuncs.com/cvbd-icon/drop_down_button_20220517.png" alt="" />
                    </view>
                </view>
                <view class="select-item" bindtap="Selectshow" data-key="5">
                    <view>福田康明斯</view>
                    <view class="select-item-logo ">
                        <image src="https://vehicle-library.oss-cn-beijing.aliyuncs.com/cvbd-icon/drop_down_button_20220517.png" alt="" />
                    </view>
                </view>
            </scroll-view>
        </view>

.scroll_box {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    padding: 20rpx;
    padding-top: 0;
    background: #fff;
    white-space: nowrap;
    margin-bottom: 30rpx;
}

.scroll_box scroll-view {
    height: 100%;
    width: auto;
    overflow: hidden;
}

.select-item {
    display: inline-block;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
}

.select-item>view {
    display: inline-block;
}

.select-item-logo {
    width: 20rpx;
    height: 14rpx;
    margin-left: 10rpx;
    margin-right: 40rpx;
}

.select-item-logo>image {
    width: 100%;
    height: 100%;
}