关于scroll-view嵌套for循环的问题

关于scroll-view嵌套for循环的问题

这是一个对新手很烦的一个坑吧
直接上代码，重点最后有总结

wxml的代码

<scroll-view class='scroll-list' scroll-x="true">
    <view class='scroll-for'  wx:for='{
  {second}}' wx:key="unique" data-index='{
  {index}}'>
      <view class='scroll-list-item'>{
  {item}}</view>
    </view>
  </scroll-view>

wxss的代码

.scroll-list{
  height: 300px;
  margin-left: 70px; 
  display: flex;
  white-space: nowrap;
}
.scroll-for{
  display: inline-block;
  text-align: center;
}
.scroll-list-item {
  height: 30px;
  width: 50px;
  display: inline-block;
  border: gray solid 1px;
  border-radius: 5%;
  margin: 5px;
  margin-left: 10px;
}

js的代码（这里的