微信小程序四宫格排列的代码

可以使用 `flex` 布局来实现微信小程序四宫格排列。具体实现方法如下：

1. 在 `.wxml` 文件中编写代码：

<view class="container">
  <view class="item"></view>
  <view class="item"></view>
  <view class="item"></view>
  <view class="item"></view>
</view>

2. 在 `.wxss` 文件中添加样式：

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20rpx;
}

.item {
  width: 45%;
  height: 200rpx;
  margin-bottom: 20rpx;
  background-color: #ccc;
}

3. 样式说明：

- `display: flex;` 表示使用 flex 布局；
- `flex-wrap: wrap;` 表示当子元素超出容器宽度时自动换行；
- `justify-content: space-between;` 表示子元素在容器中水平排列，两端对齐，中间留有间隔；
- `width: 45%;` 表示每个子元素的宽度为容器宽度的 45%；
- `height: 200rpx;` 表示每个子元素的高度为 200rpx；
- `margin-bottom: 20rpx;` 表示每个子元素的下方留有 20rpx 的空白；
- `background-color: #ccc;` 表示每个子元素的背景色为灰色。

这样就可以实现微信小程序四宫格排列了。