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

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

【微信小程序】scroll-view的基本使用_第1张图片

index.wxml



  
  
  明星茶
  

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

你可能感兴趣的:(微信小程序,微信小程序,小程序)