微信小程序用户输入数字10如何两排向下排序

在微信小程序中，可以使用Flex布局来实现用户输入数字10后两排向下排序的效果。具体实现方法如下：

<view class="container">
  <view class="row">
    <view class="box"></view>
    <view class="box"></view>
    <view class="box"></view>
    <view class="box"></view>
    <view class="box"></view>
  </view>
  <view class="row">
    <view class="box"></view>
    <view class="box"></view>
    <view class="box"></view>
    <view class="box"></view>
    <view class="box"></view>
  </view>
</view>

.container {
  display: flex;
  flex-direction: column;
}
.row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.box {
  width: 50px;
  height: 50px;
  background-color: #f5f5f5;
  margin: 5px;
}

在上面的代码中，我们使用一个`.container`容器包含了两行五列的`.box`盒子，然后在`.container`的样式中，使用`display: flex;`将其设置为Flex布局，并使用`flex-direction: column;`实现纵向排列。

接着，我们使用`.row`的样式将每行的盒子设置为Flex布局，并使用`flex-direction: row;`实现横向排列，并使用`justify-content: center;`将每行的盒子在主轴上居中对齐。

最后，我们使用`.box`的样式设置每个盒子的宽度、高度、背景色和外边距，以达到两排向下排序的效果。

这样，当输入数字超过10时，盒子会自动换行，并保持两排向下排序的效果。