微信小程序scroll-view横向滑动

api里只说明了纵向滑动的关键:设置scroll-view的高度,代码如下:

wxml


    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111

wxss

.ver {
  height: 300rpx;
}

但如果需要横向滑动,如法炮制就不行了。
关键需要将子元素横向排列:

wxml


  
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
    11111
  

如果是循环,还需要包裹一层block或者view:


  
    
      {{item.title}}
    
  

wxss

.hor {
  display: flex;
  flex-direction: row;
  width: 600rpx;
}

你可能感兴趣的:(微信小程序scroll-view横向滑动)