微信小程序留言板设计

最新推荐文章于 2024-05-13 12:47:01 发布

原创

最新推荐文章于 2024-05-13 12:47:01 发布 · 2.9k 阅读

26 ·

CC 4.0 BY-SA版权

文章标签：

#留言板设计

微信小程序实现留言版的界面，主要涉及到了留言以及回复留言的界面。再设计的过程中，主要参考的是微信朋友圈的界面样式进行设计的。但仍存在瑕疵，同时有参考帖子提供的思路微信小程序第二篇：关于评论，和回复，以及再回复的实现和思考。

在设计的时候，由于后台传给我的只有一个留言信息的数组，所以我在request（后台传来的数据是根据最新时间进行排序的）后，对数据进行下面的处理，将存在的数据通过answer的值（answer=0就是默认留言）来存放到两个数组中msgReply[ ] 和 msgLeave[ ] 中

let msgLeave = []
        let msgReply = []
        res.data.data.forEach(element => {
   
   
          if (element.answer === 0) {
   
   
            element.children = []
            msgLeave.push(element)
          } else {
   
   
            msgReply.push(element)
          }
        }