微信小程序预览和模拟器上出现不一样，预计是wx:for那边出问题了

模拟器上可以正常显示如下图：

wx:for循环出来的<button>可以正常显示，而且相关属性data-index等也能加载出来。

但是在手机预览的时候，界面错乱，并且wx:for循环出来的<button>不可以正常显示相关属性data-index等也没能加载出来！如下图：

微信小程序小白，不知道为什么会这样？求解？？？