| scss里面的.item:nth-child(1)
index.wxml文章来源：https://www.toymoban.com/news/detail-732377.html
<view class="scroll">
<scroll-view scroll-x>
<navigator url="" wx:for="{{6}}" wx:key="index" class="item">
<image class="pic" src="/static/images/navicon1.png" mode=""/>
<view class="text">明星茶</view>
</navigator>
</scroll-view>
</view>index.scss文章来源地址https://www.toymoban.com/news/detail-732377.html
.scroll{
padding: 60rpx 30rpx;
scroll-view{
white-space: nowrap;
.item{
padding-left:50rpx;
display: inline-block;
.pic{
width: 105rpx;
height: 105rpx;
}
.text{
text-align: center;
font-size: 32rpx;
color: var(--globalColor);
padding-top: 10rpx;
}
}
.item:nth-child(1){
padding-left: 0;
}
}
}到了这里，关于【微信小程序】scroll-view的基本使用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
