微信小程序-生成-一行4个图标的-代码

这是一个生成一行4个图标的微信小程序代码示例：

<view class="icon-list">
  <view wx:for="{{icons}}" wx:key="index" class="icon-item">
    <image src="{{item.src}}" class="icon-img"></image>
    <text class="icon-text">{{item.text}}</text>
  </view>
</view>

// 样式
.icon-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20rpx;
}

.icon-item {
  width: 23%;
  text-align: center;
  margin-bottom: 20rpx;
}

.icon-img {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 10rpx;
  border-radius: 50%;
}

.icon-text {
  font-size: 24rpx;
  color: #333;
}

其中，icons是一个数组，里面包含每个图标的src和text信息。在样式中，使用了flex布局，并设置了每个图标的宽度、边距等样式。