仿朋友圈微信小程序效果极佳仿朋友圈评论

功能介绍

1、仿朋友圈评论框，自动增加高度，最大高度不超过4行；

2、评论框点击评论时d出，离开则隐藏；

3、评论框根据键盘高度停留在键盘上方；

4、评论点击时，锁定事件焦点，移动到键盘是，评论框上方；

项目中有这样一个需求：就是考试题目（单纯的一串文字）的结尾，要跟随一个带边框的题目类型，如图

这个标题，正常来讲，直接用<text>组件显示即可。但需求一变之后，就要跟随在文字末尾，而且样式还不一样。

这个时候就想到html中，可以用<span>来显示你想展示不同样式的部分

但是在小程序中，<text>组件里只能是text，不能有其他，用的<span>也是无效

于是，我把之前用<text>显示标题的组件，替换成了<view>

效果图：

1.点击发表按钮 判断内容是否为空 如果为空提示请输入内容。

2.如果内容不为空 将评论框里输入的内容的值传入评论列表。

点击发表评论，将评论内容添加到评论列表，发表完内容清空内容隐藏输入框。

关于如何在小程序中实现发表评论功能就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。

---