uniapp scroll-view横向滚动

uniapp yekong
<template>
    <view class="content">
        <scroll-view scroll-x="true" class="scroll">
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
        </scroll-view>
    </view>
</template>
 
 
<script>
    export default {
        data() {
            return {
 
            }
        },
        methods: {
 
        }
    }
</script>
 
<style scoped>
    .content {
        padding: 0 30upx;
    }
 
    .scroll {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
 
    .box {
        display: inline-block;
        width: 520upx;
        height: 600upx;
        background: #0062CC;
        margin-right: 30upx;
    }
 
    .box:last-child {
        margin-right: 0;
    }
 
    .images {
        width: 520upx;
        height: 360upx;
        border-radius: 16upx;
    }
</style>
喜欢