微信小程序scroll-view标签的用法

需求：横向滚动

1.首先在wxml页面书写标签

//注意 ：横向滚动必须要给一个宽度100% scroll-x属性：代表横向滚动  

  
  
  {{item.title}}
  
  

/* scrollItem 是scroll-view标签上的类名 item是他的子标签 */
.scrollItem{
  /* //强制一行  必写*/
  white-space: nowrap; 
  /* 溢出隐藏 必写 */
  overflow: hidden;
}
.item{
  /* 类是块级元素 转换为行内块元素才能在一行显示 必写 */
  display: inline-block; 
  padding: 0 16rpx;
}