能帮我利用代码写一下吗

当然可以，以下是一个基本的实现思路：

1. 在wxml文件中添加一个输入框组件和一个按钮组件，用于获取用户输入的数值：

<view class="container">
  <input class="input" placeholder="请输入生成的卡片数量" bindinput="onInput" type="number" />
  <button class="btn" bindtap="onGenerate">生成</button>
</view>

2. 在js文件中添加onInput事件和onGenerate事件，分别获取用户输入的数值和生成卡片数据：

Page({
  data: {
    cardList: [], // 卡片数据
  },
  onInput(e) {
    this.setData({
      cardNum: e.detail.value,
    });
  },
  onGenerate() {
    let cardList = [];
    const cardNum = this.data.cardNum;
    for (let i = 1; i <= cardNum; i++) {
      cardList.push({
        id: i,
        title: `卡片${i}`,
      });
    }
    cardList.sort((a, b) => a.id - b.id); // 按照卡片编号排序
    this.setData({
      cardList: cardList,
    });
  },
});

3. 在wxml文件中添加一个模板消息组件，用于生成卡片样式：

<view class="container">
  <input class="input" placeholder="请输入生成的卡片数量" bindinput="onInput" type="number" />
  <button class="btn" bindtap="onGenerate">生成</button>
  <view class="card-list">
    <template wx:for="{{cardList}}" wx:key="id">
      <view class="card">
        <text class="title">{{item.title}}</text>
      </view>
    </template>
  </view>
</view>

4. 在wxss文件中添加样式代码，实现两列向下排列的效果：

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20rpx;
}

.card {
  width: 45%;
  background: #fff;
  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
  margin-bottom: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20rpx;
  border-radius: 10rpx;
}

.title {
  font-size: 28rpx;
  color: #333;
}

这样，就可以实现用户输入某个数并且按照101、102、103等顺序生成卡片样式，并且两列向下排序的效果了。