【微信小程序】scroll-view的基本使用

|  scss里面的.item:nth-child(1)

index.wxml

<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

.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;
    }
  }
}