小程序想要实现评论功能，想到的就是input 和 textarea这两个组件，简单说一下，这两个组件的区别
input：单行文本框
textarea：多行文本框
这里我用的是textarea来实现评论这一功能。
思路：
要实现的效果，先点击评论按钮，再弹出文本框进行编辑文字
1、就要先在.js文件中，data初始化一个值，discussShow ：false
2、然后在wxml文件中通过wx：if判断discussShow 为true时，显示评论框
通过点击评论，上图为评论的点击事件，将discussShow设置为true，反馈给视图页。
上面红框即是第2条要实现的语句
以上就可以实现通过点击评论按钮，底部悬浮评论文本框。
拓展问题：
点击评论，底部出现评论框，即textarea，输入文字，滑动页面的时候，字体会跟着上下滑动。
解决方法：
设置textarea fixed="true" 即可，也就是wxml代码视图中的绿框。
官方文档
fixed Boolean false
如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true
那么，如果我想在弹出评论文本框的同时，触发键盘弹出，就需要wxml代码视图中的蓝色框框。
灰色框：-1，不限字数
注意：
点击了textarea组件，键盘弹起时，自动上推页面，默认键盘弹窗弹出到位置是textarea组件输入聚焦位置（就是输入框的光标一直闪烁的位置）；所以就是没有设置textarea组件和键盘的位置距离导致的覆盖相关样式现象。
此时，用到了wxml代码图示中的黄色框的属性。设置了光标底部到键盘的距离。这样，键盘就不会挡住文本框了。
网友评论