<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>