微信小程序scroll-x失效的完美解决方法

 
  
   
    
     
     
      jed_shi
      剩余09:43:21
     
    
    
     
    
    
     ￥321
     加入
    
   
   
    
     
     
      jed_shi
      剩余09:43:21
     
    
    
     
    
    
     ￥321
     加入
    
   
   
    
     
     
      jed_shi
      剩余09:43:21
     
    
    
     
    
    
     ￥321
     加入
    
   
   
    
     
     
      jed_shi
      剩余09:43:21
     
    
    
     
    
    
     ￥321
     加入
    
   
  

 .scroll-box {
 margin-top: 33rpx;
 padding-bottom: 40rpx;
}
.scroll-box .box:first-child {
 margin-left: 32rpx;
}
.scroll-box .box {
 width: 296rpx;
 margin-right: 32rpx;
}
.scroll-box .box .box-hd {
 display: flex;
 align-items: center;
}
.scroll-box .box .box-hd image {
 width: 64rpx;
 height: 64rpx;
 border-radius: 50%;
 margin-right: 15rpx;
}
.scroll-box .box .box-hd .info {
 display: flex;
 flex-direction: column;
}
.scroll-box .box .box-hd .info .name {
 font-size: 28rpx;
 color: #333;
 line-height: 1;
 padding-bottom: 10rpx;
}
.scroll-box .box .box-hd .info .time {
 font-size: 22rpx;
 color: #999;
 line-height: 1;
}
.scroll-box .box .box-img {
 margin-top: 16rpx;
}
.scroll-box .box .box-img image {
 width: 296rpx;
 height: 222rpx;
 border-radius: 15rpx;
}
.scroll-box .box .box-extra {
 display: flex;
 justify-content: space-between;
}
.scroll-box .box .box-extra .price {
 font-size: 32rpx;
 color: #f15733;
}
.scroll-box .box .box-extra button {
 width: 104rpx;
 height: 44rpx;
 background-color: #f15733;
 color: #fff;
 margin: 0;
 padding: 0;
 font-size: 26rpx;
 line-height: 44rpx;
 margin-right: 8rpx;
}

.scroll-box {
white-space: nowrap;
}
.scroll-box .box{
display:inline-block
}

.scroll-box {
white-space: nowrap;
}