微信小程序朋友圈评论，相互回复前端代码

以下是一个简单的微信小程序朋友圈评论回复的前端代码示例：

<view class="comment-list">
  <view wx:for="{{comments}}" wx:key="index">
    <view class="comment">
      <view class="comment-user">{{item.user}}</view>
      <view class="comment-content">{{item.content}}</view>
      <view class="comment-reply-list">
        <view wx:for="{{item.replies}}" wx:key="index">
          <view class="comment-reply">
            <view class="comment-user">{{item.user}}</view>
            <view class="comment-content">{{item.content}}</view>
          </view>
        </view>
      </view>
      <view class="comment-reply-input">
        <input placeholder="回复评论" bindinput="onReplyInput" data-comment-index="{{index}}" />
        <button bindtap="onReplySubmit" data-comment-index="{{index}}">发送</button>
      </view>
    </view>
  </view>
</view>

在这段代码中，我们使用了 `wx:for` 循环渲染评论列表，其中每一条评论都包含了评论用户、评论内容和回复列表。回复列表同样使用了 `wx:for` 循环渲染，每一条回复都包含了回复用户和回复内容。

在每条评论的底部，我们添加了一个回复输入框和发送按钮，用户可以在输入框中输入回复内容并点击发送按钮，将回复内容发送到对应的评论中。我们绑定了 `bindinput` 和 `bindtap` 事件，分别处理输入框内容的变化和发送按钮的点击事件。我们还通过 `data-comment-index` 属性将当前回复对应的评论下标传递给事件处理函数，以便正确地将回复内容添加到对应的评论中。

下面是相应的 JavaScript 代码：

Page({
  data: {
    comments: [
      {
        user: '张三',
        content: '这是一条评论',
        replies: []
      },
      {
        user: '李四',
        content: '这是另一条评论',
        replies: []
      }
    ]
  },

  onReplyInput: function(e) {
    const commentIndex = e.currentTarget.dataset.commentIndex;
    const content = e.detail.value;
    this.setData({
      [`comments[${commentIndex}].replyContent`]: content
    });
  },

  onReplySubmit: function(e) {
    const commentIndex = e.currentTarget.dataset.commentIndex;
    const content = this.data.comments[commentIndex].replyContent;
    if (!content) {
      return;
    }
    this.setData({
      [`comments[${commentIndex}].replies`]: [
        ...this.data.comments[commentIndex].replies,
        {
          user: '我自己',
          content: content
        }
      ],
      [`comments[${commentIndex}].replyContent`]: ''
    });
  }
});

在这段代码中，我们定义了一个 `comments` 数组来存储所有的评论和回复。在 `onReplyInput` 函数中，我们获取当前回复对应的评论下标和输入框内容，并将输入框内容保存到对应评论的 `replyContent` 变量中。在 `onReplySubmit` 函数中，我们获取当前回复对应的评论下标和输入框内容，如果输入框内容为空则直接返回。否则，我们将回复用户和回复内容添加到对应评论的回复列表中，并清空输入框内容。注意，在更新评论列表时，我们使用了 ES6 的展开运算符来方便地将原有的回复列表和新的回复添加到一起。

以上就是一个简单的微信小程序朋友圈评论回复的前端代码示例，希望能对你有所帮助！