<template>
<view class="content">
<scroll-view scroll-x >
<view class="box" v-for="(item,index) in 8" :key="index">
<image src="../../common/images/classify1.jpg" mode="aspectFill"></image>
</view>
</scroll-view>
</view>
</template>
<script>
</script>
<style lang="scss" scoped>
.content{
// width: 720px;
width: 100%;
margin-left: 30rpx;
margin-top: 30rpx;
scroll-view{
white-space: nowrap;
.box {
display: inline-block;
width: 200rpx;
height: 440rpx;
margin-right:10rpx;
image{
width: 100%;
height: 100%;
border-radius:15rpx;
}
}
.box:last-child{
margin-right: 60rpx;
}
}
}
</style>
08-09
1265
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
08-14
281
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)