小程序框内左右滑动效果

wxml：

这里使用了一个列表循环

<view class='father'>
  <block wx:for="{{arrays}}">
    <view class='son' ></view>
  </block>
</view>

wxss：

主要代码：
.father中：
white-space: nowrap;
overflow-x: auto;
.son中：
display: inline-block;

.father{
  width:90%;
  height:500px;
  border: 1px solid #666666;
  white-space: nowrap;
  overflow-x: auto;
}
.son{ 
  width:100px;
  height:90px;
  background: #e32432;
  display: inline-block;
  /* white-space: normal;
  word-wrap: break-word; */
  /* overflow: hidden; */
  border: 1px solid #ffffff;
}

js：

因为是列表循环，所以才有JS，没有的话忽略

data: {
    arrays:[
      {},
      {},
      {},
      {},
      {}
    ],
  },